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.

Captured:

linear.app · captured October 9, 2026

Linear · typeface

Inter Variable

Installed / fallback · with Berkeley Mono

Aa
Styles
10 styles
Weights
5 weights
Colours
16 colours

type scale

Display64/64 · 510
Heading 248/48 · 510
Heading 320/27 · 590
Subheading18/29 · 400
Heading 416/28 · 590
Body14/24 · 400
Link14/21 · 510
Button14/21 · 590
! @ ? / . , $ % & * ( )1 2 3 4 5 6 7 8 9 0

Aa Bb Cc Dd Ee Ff Gg

Brand colour

#5E6AD2

Background#08090A
Surface#0F1011
#FFFFFF14
#8A8F98
#62666D
#D0D6E0
#FFFFFF05
#FFFFFF0A
#9C9DA1

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.

01

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.

02

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.

03

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.

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