Six directions, six design languages

See sharp.
Ride sharper.

Four routes to the same brief. Each concept commits to its own design language, typography, palette, and motion idea, so the comparison is about direction, not decoration.

Concept 01 / Cinematic— REEL 01

The open road,
in focus.

A24 / Letterboxd cinema poster. Verticals, scroll-progress rail, kinetic marquee. For the brand that wants to feel like a film.

Bebas NeueEmeraldDarkFilmgrain

VS · MK3 / REEL 01Direction · Mat Braithwaite

REV. 003

Concept 02 / Engineering— DATASHEET

Built to spec.
Cut to ±0.02mm.

Teenage Engineering datasheet. Bento tiles, coordinate readouts, technical drawings, safety yellow. For trading on Royal Academy credibility.

Geist MonoPaperYellowBento

Doc VS-MK3-2026Sheffield · UK

Concept 03 / Product UI— LIVE

Try it.
Configure it. Order it.

Linear/Vercel-grade product UI. Bento with live demo slider, configurator, real status indicators. For shortening the path to checkout.

GeistElectric blueBentoInteractive

v0.4.2 · 142 helmetsCohort 003 · 47 spots left

Concept 06 / Reskin— FROM CONNORBK.SPACE

The bits that don't
fit on a spec sheet.

A faithful reskin of the Personal-Profile page. Snap-scroll cards, animated spec sliders, glass surfaces, left-rail nav. Cobalt + Space Grotesk DNA, product knowledge instead of psychometrics.

Space GroteskCobaltGlass cardsSliders

Reskinned from connorbk.space/Personal-ProfileSame structure, repurposed content

Section preview

Round 03UX disciplined

Concept 05 / Premium D2C— APPLE / ALLBIRDS

Prescription clarity,
in the helmet you already own.

Apple-product-page restraint with full UX discipline. Light/dark mode toggle, focus rings, semantic colour tokens, inline form validation, skeleton loaders. The least loud, most correct.

Geist + tokensLight/darkA11y AAReal states

Disciplined by ui-ux-pro-maxContrast AA · 44pt touch · prefers-reduced-motion