Style guides for any website
Every website’s
style guide.
Enter a website and see its colours with hex codes, its typefaces, logo and favicons, title and description, on one page you can share.
Latest style guides
Updated as guides are addedThe first style guides are on their way.
New guides appear here as they’re added.
What’s in a guide
Each guide is built from the site’s own code: its stylesheets, meta tags and icons.
Seven sections, one page.
- Title & description
- What search results and social cards show, with character counts.
- Logo & favicons
- The logo on light and dark, and every favicon size the site serves.
- Colour
- Every brand colour with its name, hex and RGB, and contrast scores.
- Typefaces
- The fonts in use, their weights and where they come from.
- Type scale
- Heading and body sizes, line heights and letter spacing.
- Shape & layout
- Corner radius, shadows, breakpoints and content widths.
- Design tokens
- All of it as CSS variables, ready to copy.