Free · No sign-up · Fonts · type · colour
Type a domain,see its design system.
The typeface, type scale, brand colour and palette of well-known product sites, measured from their live homepages and laid out as one board. For any site we haven't captured, the extension builds the same board from the page you're on.
linear.app · captured October 9, 2026
Linear · typeface
Inter Variable
Installed / fallback · with Berkeley Mono
- Styles
- 10 styles
- Weights
- 5 weights
- Colours
- 16 colours
type scale
Aa Bb Cc Dd Ee Ff Gg
Brand colour
#5E6AD2
Looking up runs in your browser and fetches nothing. Pressing Request saves the domain, and only the domain, so we can capture it.
How to look up a website's design system, in three steps.
Type a domain
Paste a URL or just the name: stripe.com, https://www.airbnb.com/rooms/…, or linear all work. The board appears as soon as it matches a captured site.
Read the board
The typeface and where it comes from, every text style by size and weight, the brand colour (checked against the brand's own guidelines) and the palette the homepage paints.
Take it with you
Open the full brand page to copy the palette as CSS variables, Tailwind, a shadcn/ui theme, design tokens or a DESIGN.md for your coding agent.
Questions
Can I look up any website?
Instantly, the sites we've captured so far — listed under the box. For any other site, press Request: we capture requested sites in batches with the same scanner, and each gets its own board and brand page. If you need it now, the Xtractly extension builds the same board from the live page in one click.
Where do the fonts and colours come from?
From each site's live homepage, captured by the same scanner the Xtractly extension runs: fonts ranked by how much text they set, colours by how much of the page they cover. The brand colour is checked separately against the brand's own guidelines or its live buttons, because a homepage is mostly neutrals.
Why does the typeface look different from the real site?
Most brand typefaces are commercial or custom, so they can't be served here; the board shows them in the site's own fallback stack unless you have the font installed. Google Fonts load for real.
Does looking up a domain send it anywhere?
Looking up runs in your browser against the captured sites already on the page; nothing is fetched from the site you type. Only if you press Request is the domain (and nothing else) saved, so we can capture it.
More free tools, same idea.
Each one runs in your browser and works on tokens you already have.
- Tokens → DESIGN.md
DESIGN.md generator
Turn your tokens into a DESIGN.md your coding agent reads before it writes UI.
Open the tool → - Brand colours → shadcn :root
shadcn/ui theme generator
Brand colours in, a complete shadcn/ui :root theme out, with readable foregrounds.
Open the tool → - Any tokens → any format
Design tokens converter
Convert tokens between DTCG JSON, Tokens Studio, Figma variables, CSS and Tailwind.
Open the tool →
Captured sites are instant. Others take a request.
Read it off any live site.
Xtractly's extension builds this board for any site you're on — including logged-in pages a server can't see — and saves it as a theme your coding agent can read.
Add to Chrome, free