Clearbit. A room-bright, near-acromatic canvas where midnight ink and a single blue current do all the work.
- SaaS
- Light theme
- 9 colors
- 1 typeface
Clearbit reads as a blueprint rendered on white linen: an almost purely achromatic canvas where a single midnight-navy ink carries every word, and one electric blue fires only on actions. The interface floats — product cards, data records, score badges — suspended on a barely-there lavender wash that whispers data-warehouse more than SaaS-template. Typography is InterVar at its most restrained: generous weight range but headlines carry the same navy as body, so hierarchy comes from size and tracking, not color. The product IS the hero: screenshots of company profiles, enrichment tables, and scoring chips do the talking that stock photography would in a less confident design. Components are flat, thin-bordered, and soft-cornered; the only shadow in the system is a deep-blue focus ring, not a drop shadow — elevation is expressed through layering on subtle background tints, not through depth.
Clearbit design system
Brand3
Primary text, headings, nav, body, link color — the dominant ink of the entire interface, set against white and pale-lavender surfaces
Blue outline accent for tags, dividers, and focused UI edges. Do not promote it to the primary CTA color
Blue wash for highlight backgrounds, decorative bands, and soft emphasis behind content. Do not promote it to the primary CTA color
Neutrals6
Icon fills, deep dividers, and absolute-dark accents — used sparingly where Midnight Ink still feels too soft
Secondary muted text where Midnight Ink would be too heavy — metadata, timestamps, helper copy
Soft shadow tone and secondary neutral — used in focus glows and deeper dividers
Hairline borders on cards, inputs, dividers, and table edges — the structural line color of the entire system
Section background tint that signals content zones — the softest product-surface elevation above the white canvas
Page canvas, card surfaces on tinted sections, text on dark buttons
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Paper on Midnight Ink
18.37 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
