Eight directions, eight 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

Clarity 98%
Anti-fog 95%
Weight 12g
Fit ±0.02
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

What the skill enforces

✓Contrast ≥ 4.5:1
✓44×44 touch targets
✓Visible focus rings
✓Semantic tokens
✓Inline form errors
✓aria-live + alerts
✓Skeleton loaders
✓Reduced motion
✓SVG icons only
✓Skip link
Light + dark, both tested
— Issue No. 014
Concept 04 / Editorial— SPRING 26

Helmet on,
just ride.

NYT Magazine editorial. Masthead, drop caps, multi-column flow, photo essay, pull quotes. For the readers, not the spec sheet.

FrauncesSageMagazineLong-form
9 minute readFiled from Sheffield, UK
Concept 07 / Lineup— ENERGICA INSPIRED

Clarity,
Ridden.

Energica-style numbered lineup. Four lens variants — Clear, Smoke, Photochromic, Track — each against a dramatic backdrop. Heavy condensed type, real numbers as the headline, "Born in Sheffield. Proven on the A-road."

Archivo NarrowCinematic01–04 lineupReal numbers
4 lens variants · 8 metricsStudio · lineup · engineering · proven · CTA
Concept 08 / Beyond— CARDO INSPIRED
go beyond

see
beyond.

Cardo BEYOND structure: dark navy + electric blue, 5-section pill nav, bento feature grids, two-variant pricing. Lead with the system, sell the cohort.

clarity comfort fit prescription cohort
5-section structure · 2 variantsMk III · Single Vision + All Weather
Sister-brand concepts

BRIER Solutions,
redesigned.

4 directions · Spring 2026 Mechanical engineering design studio.
Advanced Manufacturing Park, Rotherham.
Same founder · Mat Braithwaite
→ Open BRIER gallery
Concept 01 / CAD-as-hero— FIGMA VIBE

Engineering,
designed.

Hero is an interactive isometric CAD viewer with annotated callouts, dimension lines, and ISO axes. Customer feels BRIER's CAD literacy from the first scroll.

GeistCobaltSVG viewerBento
brier · enclosure-v3.sldasmAnnotations · dim lines · ISO view
 — Issue No. 014
Concept 02 / Portfolio— PENTAGRAM

Selected work,
2024–2026.

Case-studies first. Pentagram-style indexed project list, featured case with technical drawing and real metrics. Strongest B2B credibility move.

FrauncesPaper + rustIndexedMetrics
22 engagements · 6 industriesMotorsport · medical · consumer
Concept 03 / Editorial— LONG FORM

A workshop in
Rotherham, in spring.

Long-form essay. Founder voice, AMP origin story, real engineering stories. Quiet authority. Aesop discipline applied to a consultancy.

Fraunces + ManropeSageMulti-colPhoto
11-minute readField essay · AMP
Concept 04 / Live ops— BRIER OS
Live · auto-updated

Engineering ops,
live.

Bento dashboard. Active projects, capacity gauge, capability matrix, deliveries ticker, output chart, 14-day schedule. Distinctive for the sector.

Geist MonoDarkSignal greenBento
11 active · 142 shipped 20241 slot remaining · Q2 2026
Prepared by CBK Solutions for VisorOptics Ltd · 2026 Round 02 · Differentiated set