LeadFirst Partners: 13 designs contact sheet

Modeled on cohere.com

Hepta Slab / Inter · default light

Flat marble page, one oversized slab headline at weight 400 with a 655px lede, an ink product card washed with the rotating brand gradient, a pure-CSS client marquee, three stacked practice panels (stone, ink, wash), warm stone bands, notched cards. One CTA everywhere: Book a call.

Modeled on cleanmeter.app: a deep ink hero framed like a device, one glass object over a silk-wave glow, then a mostly light page. Inter at 64/70 with -0.04em tracking, a floating pill nav that hugs its content after 8px of scroll, a scroll-scrubbed statement, nested double-shell cards, an auto-advancing stepper.

Inter / Inter · default dark

Hybrid = dark hero and nav over a light body, which is what the reference does. The hero object is the morning brief in a glass panel; the page turns light below it.

Modeled on giga.ai as it is today (a dark, product-led site: pixel display headline typed in, sunrise glow, hairline console UI, mono labels, one orange for hover and focus) fused with the cinematic full-bleed hero idea from the plan · blend: The archway panorama as a cinematic hero under Giga's warm glow, grain and column grid; a decrypt headline in a pixel face; the dashboard as the product shot; a HUD case card; a footer reveal.

Handjet / Geist · default dark

Hybrid = the dark hero, nav, contact band and footer over an airy light body. Handjet stands in for Geist Pixel Line; Geist and Geist Mono are the reference's own families and are on Google Fonts.

Modeled on drinkcollider.com: a surreal landscape, an edge-to-edge wordmark, one object suspended over the scene, frosted glass, a comparison table and a founder story on black

Inter Tight / Instrument Sans · default dark

Dark is dusk: the archway graded to a copper and navy duotone under an ink sky, the wordmark in sand. Light is day: the same scene bleached to a pale haze under cream. Hybrid is the dusk hero and nav over the day body.

Modeled on wisprflow.ai

EB Garamond / Figtree · default light

EB Garamond display with an italic second line on warm cream, Figtree UI, deep green and lilac. Curved text ribbons move around the hero, the Lead Leak calculator is the live demo, and big rounded sheets overlap as the page scrolls.

Modeled on huly.io: near-black cool base, gradient-filled display type, one ember-glow pill, layered light behind the hero, fine grid lines, kbd chips, a black / light / black section rhythm

Geist / Inter · default dark

Hybrid = dark hero, nav, clients band, closing band and footer over light-gray body sections. The reference's hero light is a video; ours is layered radial gradients, a slow rotating conic sweep and a cursor spotlight over a fine grid. Product views (dashboard, what reaches you, morning brief) sit in a dark frame under the hero with 1 / 2 / 3 keys to switch.

Modeled on evervault.com: deep indigo-black page with a violet cap, black-to-purple down the page, hairline panels with corner flares, pill buttons, cipher mono detailing and a live demo under the hero

Geist / Inter · default dark

Cipher text resolves into eyebrows and proof numbers; a streaming table of masked leads answered sits under the hero beside the stack as switches; violet glows rise from the case cards and under the contact form. Hybrid: dark nav, hero and demo fading into a light body, dark footer.

Modeled on huly.io (near-black base, gradient-filled headline, ember-glow CTA, product frame with a tab row, black and light section rhythm) and giga.ai (sunrise glow mesh, column-grid wipe, decrypt headline, mono eyebrows with a dot, KPI numbers, glass header, client marquee, footer reveal) · blend: Huly's dark grid and glow with Giga's cinematic landscape strip directly under the hero (desert-sunset.jpg, wide and short, masked into the dark), Giga's decrypt headline, Huly's glowing CTA and UI mockups, a client marquee.

Space Grotesk / Geist · default dark

Hybrid = dark hero, strip, showcase and proof; light body; dark contact band and footer. Dark keeps Huly's rhythm: two light bands (How we deliver, Who we serve) inside the black page. Nav and Footer are overridden. client.js: decrypt headline, cursor spotlight with idle tour, tab row, spring-driven menu and theme pulse, scroll reveals.

Modeled on cohere.com (marble page, one oversized centered headline over a pastel wash, pill buttons with the offset glow, stacked practice panels, the stage under the hero) and evervault.com (ink and violet technical sections, cipher numbers, hairline glass cards, crosshair dividers, the centered pill nav) · blend: Cohere's enterprise gradient hero and spacing, then Evervault's crisp technical sections with animated resolving numbers on the proof strip and a mono-detailed how-we-deliver

Space Grotesk / Inter · default light

Hybrid = light hero and nav, dark technical mid-band (practices and how we deliver), light close. One photo band: seattle.jpg.

Modeled on wisprflow.ai (cream serif elegance, curved text ribbons, rounded sheet sections) and cleanmeter.app (floating glass stats card as the hero object, morphing pill nav, ink-in statement) · blend: Wispr's cream page and EB Garamond display with an italic second line, curved text ribbons threaded through Cleanmeter's glass HUD card (the morning brief) floating on a soft color field; Cleanmeter's nav that morphs from a wide bordered card into a hugging pill on scroll; the Lead Leak calculator as a demo section inside a deep-green Wispr sheet.

EB Garamond / Figtree · default light

Hybrid = cream page with a deep ink hero panel (the Cleanmeter device frame) and an ink pill nav. Light = flat cream with a stone color-field stage under the glass card. Dark = ink page, the Why Us sheet flips to cream paper.

Modeled on Collider (drinkcollider.com) and Huly (huly.io) · blend: Collider's viewport-wide lettering and a suspended object over Huly's neon-on-dark glow and grid

Archivo / Inter · default dark

The loudest of the thirteen. LeadFirst set edge to edge in Archivo Expanded Black with an ember spark for the dot of the i; the OwnerQueue card floats and bobs under it over a perspective grid, a cursor-following light and the dimmed zocalo panorama. Hybrid keeps the dark hero and nav over a warm charcoal body.

Modeled on Giga (cinematic dark hero, glow, mono eyebrows), Cohere (clean spaced sections, stacked practice panels, marquee), Evervault (proof numbers that resolve, hairline cards with a live glow, pill nav) · blend: Giga x Cohere x Evervault

Geist / Inter · default light

The safe pick. A photo hero on the Seattle waterfront under a gradient scrim, then generous white sections, then proof numbers that resolve into place. One warm accent, pills for buttons, hairlines for cards.

Modeled on the Apple-design and design-engineering skills (materials, springs, typography), blending the strongest moves of all seven reference sites · blend: Wispr live widget and curved ribbon, Huly glow and grid, Giga cinematic hero and decrypt headline, Evervault resolving numbers, Cleanmeter floating card and morphing pill nav, Collider lettering scale, Cohere spacing and marquee

Inter / Inter · default light

Half Dome under a translucent material sheet; the graphics float as materials; the clients rail runs on interruptible springs with velocity handoff, momentum projection and rubber-banding. Light: frosted white sheet over the photo. Hybrid: dark translucent sheet and nav over the photo, light body. Dark: deep space gray with vibrancy.

Modeled on nothing; a plain neutral reference to verify the pipeline

system-ui / system-ui · default light

d0 exists so the shared architecture can be built and verified. It is not a candidate and will be deleted once the real designs land.