# contralabs.com

Source: https://contralabs.com/
Captured: 2026-10-09
Tags: marketing, landing, light, both, editorial, luxury, minimal, human, elegant, calm, premium, confident
Colors: #fcfaf6, #c8c3ae, #b0ab91, #332e2a, #a3906c, #764e2e, #8e724e, #dde3da
Type (h1): Source Serif 4 Variable · 64px/64px · 400 · tracking -2.56px — "Creative intelligence."
Type (h2): Source Serif 4 Variable · 66px/66px · 400 · tracking -2.64px — "Meet the Contra Labs ecosystem"
Type (h3): Source Serif 4 Variable · 44px/44px · 400 · tracking -2.2px — "Creative"
Type (body): GT Standard L Regular · 22px/28.6px · 400 — "A frontier human data and evaluation lab making AI better for creativity."
Type (button): sans-serif · 12px/normal · 400 — "Get in touch Get in touch"
Button: "Get in touchGet in touch" — fill #2b2b29, text #fbfaf6, radius 24px, border 0px, padding 12px 24px 13px 24px, height 48px, type 12px/400
Radii: 8px (26), 24px (6), 99px (6)

## Images

- Hero (desktop): https://media.lvly.design/library/contralabs-com/hero.webp?v=dc4e0d2c
- Page crop (mid-1): https://media.lvly.design/library/contralabs-com/mid-1.webp?v=01656fe3
- Page crop (mid-2): https://media.lvly.design/library/contralabs-com/mid-2.webp?v=e4f9aab0
- Hero (mobile): https://media.lvly.design/library/contralabs-com/mobile-hero.webp?v=5e690fb7
- Full page (desktop): https://media.lvly.design/library/contralabs-com/full.jpg?v=576ccd3a
- Full page (mobile): https://media.lvly.design/library/contralabs-com/mobile-full.jpg?v=59b15129
- Clip preview (mp4): https://media.lvly.design/library/contralabs-com/video-j1vpq4.preview.mp4?v=3121465b

An AI-data lab dressed as a museum catalog: a warm off-white page (#fbfaf6) where all the color comes from Renaissance-style oil paintings, and the only contemporary note is a laptop rendered as a black-and-white halftone dot field. The type does what a gallery wall does. Source Serif 4 at weight 400 sits huge and tightly tracked (64–66px, -0.04em, line-height 1.0), set beside GT Standard at 22px for body copy, with warm near-black ink (#2b2b29 / #332e2a) and no bold anywhere. The chrome is nearly invisible: soft pill buttons and a sage bookmark tab hanging from the top edge. Below the fold the page alternates airy scatters of small painting crops with full-bleed painted bands, so the scroll reads like turning the pages of an art book.

## Steal-worthy details

- Logo set inside a ribbon bookmark tab that hangs from the viewport's top edge, a muted sage rectangle with a notched V tail, so the brand mark works as an object instead of a wordmark in a bar
- Classical painting with one modern object swapped into it and rendered as a 1-bit halftone (white dots on black), which makes the anachronism the brand's whole idea in one image
- Dither field that dissolves the painting into the page: square dots in pale sage and gray thin out across the lower-left, so the image has no hard edge or frame
- Weight-400 serif display at 64px with -2.56px tracking and line-height 1.0. It reads as expensive because it never goes bold
- Paired pills, a #2b2b29 filled primary next to a hairline-outlined ghost at the same 48px height, repeated identically in the nav and in every CTA group
- Small painting crops scattered at different sizes and offsets across empty cream space, which fade in on scroll like loose prints on a table
- Headline broken into a staggered, right-drifting cascade ("Feedback / that / feels / creative") with painting thumbnails tucked into the gaps between the lines
- Full-bleed deep-teal painted band with a centered serif line, a dark interlude that breaks up the cream without switching to a UI dark mode
- Stats row on a muted teal ground, big serif figures over small sans labels, with hairline dividers instead of cards

## Style recipe

Build a light, gallery-like page on warm off-white #fbfaf6, with warm near-black ink #2b2b29 (text and primary fills) and #332e2a for secondary text. Set display type in a classical text serif (Source Serif 4 or similar) at weight 400 only: 64–66px for heroes, 44px for subheads, letter-spacing -0.04em to -0.05em, line-height 1.0. Never bold the serif. Body copy is a neutral grotesk (GT Standard, Inter Display) at 22px / 1.3, weight 400. Let imagery carry all the color. Use classical oil-painting-style art in deep teal, oxblood red, olive and gilt, and put one modern element inside it as a 1-bit black-and-white halftone. Dissolve image edges into the page with square dither dots in pale sage #dde3da and gray rather than framing them. Accents come from the art: antique gilt-ochre #a3906c (with brown #764e2e) for warm moments, and a muted sage-teal (around #8fa8a2) for brand marks such as a hanging bookmark-tab logo. Buttons are 48px pills (radius 24px, padding 12px 24px), either a solid #2b2b29 fill with #fbfaf6 text or a transparent ghost with a 1px warm-gray hairline, always shown as a filled-plus-ghost pair. Radii are 8px for image tiles and cards, 24px for pills, 99px for full rounds. No shadows and no gradients. Nav is chromeless with plain-text links. Pace sections like an art book: generous empty cream, scattered image crops at varied sizes, then an occasional full-bleed painted band with one centered serif line. Use muted teal or olive grounds instead of a UI dark mode.