Reference · not indexed
The parts every page is made of.
Colours, type, controls, icons, light and motion, each shown as the site uses it. Every value lives once, in globals.css.
- Faces
- Plus Jakarta Sans · Inter Tight · Geist Mono
- Colours
- 12 tokens
- Columns
- 12 · 24px gap
- Breakpoints
- 1280 · 1000 · 810 · 600
Colour
Black ground, three greys, one violet light--blackThe page and the loader--inkFrames and panels--fgHeadings and values--muteBody and labels--dimCaptions and placeholders--lineEvery hairline--accentLive dots and rich text--violetThe light, glows, focus lines--lilacLit dots and active states--plumActive fills--liveStatus dots--noticeA section that couldn't finish
Type
Plus Jakarta Sans for headings, Inter Tight for words, Geist Mono for apparatus- DisplayWho bid on your brand68 · 500 · 0.85
- H1Who bid on your brand63 · 500 · 0.95
- CTAWho bid on your brand41 · 500 · 0.98
- H2Who bid on your brand39 · 500 · 1.0
- H3Who bid on your brand23 · 500 · 1.09
- StatementWho bid on your brand28 · 500 · 1.12
- QuoteWho bid on your brand24 · 400 · 1.3
- LedeWho bid on your brand20 · 500 · 1.5
- BodyWho bid on your brand16 · 400 · 1.45
- CaptionWho bid on your brand13 · 400
- Mono labelWho bid on your brand10 · mono · 0.1em
- Number4,81251 · mono · −0.07em
Controls
Pills, fields, tags and chipsTags and chips
Voucher siteVerified by GoogleYou
Google UKNo ad clicksCodes masked
Icons
Eleven by seven dots, lit on hover- search
- ad
- tag
- shield
- eye
- clock
- person
- pulse
Light
A ribbed field of violet light, following the cursor- HeroLight high and right, ten-pixel ribs.
- CardLight centred, eight-pixel ribs.
- BandA low floor of light under the ribs.
Motion
One ease, and nothing that moves without reasonWho bid on your brand this week.
- Ease
- cubic-bezier(.16, 1, .3, 1)
- Heading
- 1.3s per letter, 22ms apart, from blur
- Rise
- 22px over 1s, once in view
- Line
- 0.9s draw, cubic-bezier(.87, 0, .13, 1)
- Reduced motion
- Everything shows at once