Twenty directions
Two independent sets of ten homepage mocks built from the same creative brief. Set F and Set A were designed without seeing each other. Every page is a full working mock — real copy, real app screens, a signature animation, reduced-motion safe. Click any card for the live page.
Blind top 3 — across all twenty
- A-01 · Black Box. The measured stripe traces drawn over the hero sail say "we read sail shape" before a single word is read — no other page makes the product this self-evident this fast. The carbon-panel restraint and the metrics strip below give it flagship-launch credibility.
- F-01 · Instrument Night. It speaks the racer's native language: a B&G-style display at night, live numerals that settle like real instruments, and a streaming data strip under the nav. It is also the most complete against the brief — pyramid headline, Sign In, full sitemap, quotes, platform block all present.
- F-08 · Draft Stripe. The single most memorable idea on the board: the page itself is a sail whose draft stripes flatten as you scroll, with the camber read out live in the margin. It teaches what SailScan measures through the act of scrolling, which no amount of copy can do.
Set F
F-01Instrument Night
A racing instrument display at night — live HUD numerals settle and tick, a data strip streams under the nav.
F-02Sail Loft
A sailmaker's loft — stitched details, pinned photos, one batten curve threading the whole page as you scroll.
F-03Meridian
Ultraminimal white with one fixed horizon line; the app flow is the lone centerpiece, swapped by scroll in a sticky phone.
F-04Ships Log
A broadsheet journal of record — masthead, plates, drop caps, columned text, pull quotes.
F-05Signal Flags
Brutalist-nautical: international signal-flag geometry as the design system, headline words hoisting in like flags.
F-06Telltale
A living wind field — laminar particle streamlines flow around the headline at 60fps.
F-07Regatta Poster
America's Cup poster energy — diagonal cuts, race bibs, speed streaks, everything 3° off-axis and fast.
F-08Draft Stripe
The page is a sail — three draft stripes flatten as you scroll and the camber reads out live in the margin.
F-09Chart Room
A nautical chart — graticule, compass rose, soundings, and a course line drawn waypoint to waypoint down the page.
F-10Superyacht Mono
Monochrome brochure restraint at superyacht scale; the only color on screen is the ask.
Set A
A-01Black Box
A luxury carbon instrument panel — measured stripe traces reveal over the hero sail, phosphor on black.
A-02The Sailmaker's Folio
An editorial sailmaking notebook — annotated plates carry you from observation to understanding.
A-03One Degree
Radical restraint — a single sail-section curve and one number set carry the whole argument.
A-04Pressure Field
Conceptual aerodynamic contours flow across the dark field beside actual app analysis.
A-05The Winning Margin
Monumental race typography and a finish-camera photographic reveal.
A-06Latitude House
An architectural editorial column beside tall photography with restrained parallax.
A-07Measured in Daylight
Bright practical precision — a registered photo-to-analysis wipe shows the trace happening.
A-08Cloth / Code
Tactile sailcloth macro texture crossfades into illustrative seam geometry.
A-09The Campaign Desk
Contact sheets separate into a disciplined capture / analysis / comparison record.
A-10Open Water
Cinematic open sea anchored by a scroll-drawn coral measurement leader.