imprintOpen-source Desktop
Enter a URL and Imprint observes the rendered DOM, computed styles, responsive behavior, and safe interaction states, then exports traceable files your coding agent can use.
Recorded case
Case artifacts
Imprint observed three Astro pages and generated DESIGN.md plus shared tokens. An external Codex run received those artifacts—but not the source screenshots—and built a neutral three-view deployment console.
How it works
Imprint opens the submitted URL in an installed Chrome or Edge browser and starts a local analysis run.
DOM structure, computed styles, representative pages, responsive viewports, safe states, and captured screenshots form traceable evidence.
DESIGN.md records reusable rules, scope, confidence, coverage, and limitations. CSS Variables and Tailwind v4 @theme carry implementation values.
Use the exported files with Codex, Claude Code, or another coding agent. The agent applies them to your product requirements and source.
Portable outputs
A self-contained guide for coding agents: design intent, scoped rules, component patterns, evidence coverage, and explicit unknowns.
Best for AI-assisted UI workReusable values for color, typography, spacing, radius, shadow, and related foundations in a regular CSS project.
Load once in the global style entryThe same extracted values expressed as a Tailwind v4 theme for projects that already use Tailwind’s token layer.
One shared theme across pagesTruthful boundaries
Imprint extracts what it can verify from the rendered site and records the limits.
Screenshots are captured from the loaded site as evidence; Imprint does not analyze standalone screenshot files.
Generated guidance covers only pages, viewports, and states successfully observed during that run.
Extraction is deterministic and requires no model provider or API key.
macOS · Windows
Runs locally and stores history on your device. Requires Chrome or Edge.
Test it yourself