SiteStyleGuide

Examples

Website style guide examples

24 style guides from real websites, each showing the site’s colours with hex codes, its typefaces and type scale, its logo and favicons, and design tokens you can copy. Use them to see how well-known brands keep their websites consistent, or as a starting point for your own.

What to look for

What makes a good website style guide?

The strongest examples keep things few and clear: one or two typefaces, a small palette where each colour has a job (text, background, buttons, links), and contrast that passes WCAG for body text. A good guide also records the details people forget, such as the type scale, corner radius and breakpoints, so new pages match the old ones.

See what goes in a website style guide, browse every guide from A to Z, or enter any website on the homepage to make its style guide.