NapaYachts — three visual directions

Same content, same sections, three different points of view. Open each one, scroll it, then pick one — or tell me which parts of which to combine. All copy and data are placeholders.

Direction A

Chart

Navigational. Deep chart blue, bathymetric contour lines, real coordinates as labels. Specs read like a ship's log with dotted leaders.

Type
Barlow Condensed + IBM Plex Mono
Feels
Precise, seasoned, a little technical
Signature
Contour-line hero, monospace spec log
Best for
Guests who want competence and craft
Open direction A

Direction B

Sunlit

Bright and physical. Sky-to-sea gradients, soft 44px radii, coral CTAs. Reads like a good day out rather than a product page.

Type
Bricolage Grotesque + DM Sans
Feels
Warm, easy, family-friendly
Signature
Horizon band divider, gradient hero card
Best for
Couples, families, first-time charterers
Open direction B

Direction C

Signal

Poster energy. Maritime signal flags become the colour system — the hero hoist spells NAPA. Heavy rules, oversized type, no gradients.

Type
Anton + Space Grotesk
Feels
Loud, young, celebratory
Signature
Flag hoist, flag chips per port
Best for
Groups, parties, birthdays
Open direction C

Fonts load from Google Fonts, so open these with an internet connection. Nothing here is production code — the winning direction becomes the CSS variable token set in the real build.