Designer reference page
Element Library
This page is a public working library for My Corsica Charter design references. We will add selected sections, layout ideas, yacht-card patterns, CTA blocks, destination modules, and other useful elements here so the web designer can review and reuse them in the new design.
Each element added below should include a short note explaining what to take from it: structure, spacing, visual rhythm, interaction behavior, copy treatment, image style, or any specific implementation request.
Element 01 · Price calculator
Charter Price Calculator
Source: My Italian Charter homepage. Please use this as the reference for an interactive charter cost estimator: left-side explainer copy, right-side calculator panel, quick budget presets, line-item breakdown, and a clear total estimate. For the Corsica redesign, adapt the destination copy, guide link, and any VAT/APA assumptions to the final Corsica/Sardinia pricing model. Colors and fonts do not need to stay exactly as shown here; they can be changed to match the new design system.
What to make editable:
- The link for the “Full Cost Guide”
- Default starting price
- Headings and text on the left
- The percentage data depending on location
Estimate the real weekly cost.
The weekly yacht rate is only the starting point. This shows the four main pieces that shape the final charter budget.
Full Cost GuideThis is a planning estimate only. Final prices may vary by yacht, itinerary, season, contract, delivery fees, and special guest requests.
Element 02 · Instagram section
Instagram Element
Source: My Italian Charter homepage. Use this as the reference for a visual Instagram/reels grid: square thumbnail tiles, reel play indicators, Instagram icon overlays, hover zoom, and a simple profile link below the grid. The final design can adjust colors, spacing, typography, and thumbnail selection to match the new My Corsica Charter design.
What to make editable:
- Thumbnails and Instagram post/reel links
- Heading and potential intro text
Follow us on Instagram
Element 03 · Featured itinerary section
Featured Itinerary Section
Source: Exotica Charters homepage. Use this as the reference for a featured itinerary module: headline and intro, search bar, three destination/route cards with large image panels, meta chips, card CTAs, and a hub link below. Colors and fonts can be adapted to match the new My Corsica Charter design.
What to make editable:
- Links for selected featured itineraries
- The itinerary hub link, going to the site’s itinerary hub
- Heading
- Itinerary information, unless this becomes a default card pattern; if so, we also need a standard itinerary card component/design
Featured itineraries
Featured Yacht Charter Itineraries
Search our full itinerary hub, or start with three routes that show what Exotica does best: wildlife, reef systems, remote water, and real route judgment.
7 Days Through Northern Raja Ampat from Sorong to Wayag
A northern Raja Ampat route with Dampier Strait reefs, Cape Kri, the Fam Islands, Wayag, and Wofoh, built to avoid wasting a one-week charter on the long run south to Misool.
View itinerary8-Day Galapagos Yacht Itinerary Built Around Wildlife
An active private yacht route through San Cristobal, North Seymour, Bartholomew, Isabela, Fernandina, Santa Cruz, and Kicker Rock, with naturalist-led landings and snorkel days.
View itineraryNadi to the Yasawas, Without Rushing the Week
A Fiji route through the Mamanucas and Yasawas with Navadra, Drawaqa manta water in season, the Blue Lagoon, Sawa-i-Lau caves, and a practical return to Nadi.
View itineraryElement 04 · Broker quote section
Broker Quote Section
Source: Exotica Charters Galapagos itinerary. Use this for dropping quick broker commentary into articles, itinerary pages, destination guides, or yacht-selection pages. The content is lifted from the itinerary, but the presentation has been adapted into a one-column article quote module with a small BROKER INSIGHT label, a clean white quote panel, and broker attribution with image, linked name, and title.
WHAT TO MAKE EDITABLE:
- Small BROKER INSIGHT label
- Quote text
- Broker image
- Broker name, profile link, and title
Broker insight
This is where we quote a broker saying something very insightful and factual about the topic we are covering in the post/page. The info here will be pulled from Discord knowledge, general DMA site expertise, and will go through a broker-judge filter in the post-writing process to assure accuracy and acceptable tone.
Element 05 · Location card section
Location Section
Source: My Greek Charter homepage. Use this as the reference for a visual destination/location card module: large image tiles, overlayed titles and excerpts, centered bottom text placement, hover zoom, and a responsive five-card layout with three cards on the first row and two on the second.
Special considerations: Not sure how this will fit with the new design. Please make the full-screen version optional, with a controllable setting in the builder if possible, so the section can be used either full-width or contained.
What to make editable:
- Number of cards: if 4, use 2 rows of 2; if 5, use 1 row of 3 and 1 row of 2 like here; if 6, use 2 rows of 3
- Main headings and intro text
- Title and excerpt on each card, with the option for no excerpt
- Placement of heading and text on the cards, such as center, bottom, and similar positions
- Links and thumbnails
