contralabs.com

Contra Labs - Powered by Contrasaved 21h ago · captured 21h ago

Nine details, nine pinned.

View as Markdown ↗

Colors8 colors · ground #FCFAF6

ground#fcfaf6·46.19%#c8c3ae·18.19%#b0ab91·9.81%#332e2a·7.91%accent#a3906c·7.48%#764e2e·4.59%#8e724e·2.64%#dde3da·1.82%

Sized by coverage · click to copy.

Typography2 families · 4 styles · Source Serif 4 Variable, GT Standard L Regular

Creative intelligence.

Source Serif 4 Variable · 64/64 · 400 · -2.56px

Meet the Contra Labs ecosystem

Source Serif 4 Variable · 66/66 · 400 · -2.64px

Creative

Source Serif 4 Variable · 44/44 · 400 · -2.2px

Body

A frontier human data and evaluation lab making AI better for creativity.

GT Standard L Regular · 22/29 · 400 · normal

Specimens are the page's own words at their measured metrics; shown in Inter when the family is not loaded.

ButtonsGet in touchGet in touch1 style

Get in touchGet in touch

primary · fill #2b2b29 · label #fbfaf6 · radius 24px · border 0px · padding 12px 24px 13px 24px · height 48px · type 12px / 400

Shape3 radii · 38 uses

8px26 uses · 68%

24px6 uses · 16%

99px6 uses · 16%

AnalysisAn 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…

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.

Style recipeBuild 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.

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.

Details9 worth noting

contralabs.com — the captured page — Landing, 1440 × 900 · captured Oct 9, 2026

1Bookmark-tab logo hanging from top edge
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
2Halftone anachronism inside oil painting
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
3Dissolving dither-dot image edge
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
4Light serif display, tight negative tracking
Weight-400 serif display at 64px with -2.56px tracking and line-height 1.0. It reads as expensive because it never goes bold
5Filled-plus-hairline pill pair
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
6Scattered painting crops on cream
Small painting crops scattered at different sizes and offsets across empty cream space, which fade in on scroll like loose prints on a table
7Staggered cascade headline with inset thumbnails
Headline broken into a staggered, right-drifting cascade ("Feedback / that / feels / creative") with painting thumbnails tucked into the gaps between the lines
8Full-bleed painted interlude band
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
9Serif stat row on teal ground
Stats row on a muted teal ground, big serif figures over small sans labels, with hairline dividers instead of cards