Every value measured.
Safari extension for Mac

Open a website in Safari and click Siteprint. It measures the page's colors with their roles, the type scale, spacing and layout. Inspect shows the palette, typography and a blueprint of every section. Generate copies one prompt with the exact values, and a coding agent builds a new page from it. Compose mixes two saved sites into a new style. Free to inspect. Pro $9.99 once.
# Linear design direction
## Colour
Canvas #08090A
Surface #101112
Text #F7F8F8
Muted #8A8F98
## Type
Display 64px, weight 510
Body 14px, weight 400
## Shape
Radii 8, 14, 16pxNot yet. Siteprint is a Safari extension for Mac, on macOS 14 or later.
No. Everything works without it. On Macs that have it, it also reviews each scan and answers your questions about the design.
No. Siteprint measures the design. Your coding agent builds from the prompt.
Inspect, token export and the Library. The prompt, DESIGN.md, themes, Compose and agent access are Pro. You can read a real export here.
Yes, with Pro. In the extension, open Generate, then Coding agents, and follow the setup for Claude Code, Cursor or Codex.
Email [email protected] or see the setup guide. Ideas and bug reports are very welcome.