How it works

Emblematic opens each website in a real browser at desktop and mobile sizes, in light and dark mode, and reads the design straight from the rendered page: the computed styles of every visible element, the fonts that actually loaded, and the CSS custom properties the site declares.

What we check

• Fonts are matched to the @font-face rule that rendered, because the browser's internal font names are often wrong (a file can report itself as a copyright notice).
• Colors come from computed styles and are weighted by painted area, then traced back to the site's own CSS variables where they exist.
• Type, spacing, radii, shadows and components are exact computed values, not estimates from pixels.
• Anything derived by heuristic, such as which color is the accent or what a page section is, is labelled unverified until a model or a person confirms it.

DESIGN.md

Every site gets a DESIGN.md: design tokens in YAML front matter plus the reasoning behind them, in the open format coding agents already read. Put it in your repository and ask your agent to build with it. Copy exact values from the file; never retype them from memory.

Free, and open to agents

Every page and file here is free, needs no account, and is open to search engines and AI crawlers. Screenshots and design facts describe public websites; each brand's name and look belong to its owner.