1. Capture
Enter a public URL and run analysis from the homepage form.
HOW IT WORKS
DOCUMENTATION
Revision: 1.0
This page explains the Design.DNA capture flow and how to use generated outputs inside LLM and design tooling.
2. Generate
System returns an LLM-ready prompt and structured design artifacts.
3. Recreate
Paste the prompt into your model and iterate using tokens + structure outputs.
Output Guide
LLM Prompt: Primary generation payload for recreating the target page.
Structure JSON: Section map, hierarchy, and selectors for implementation-level guidance.
Design Tokens: Color, typography, spacing, and effects extracted from computed style signatures.
Best Practices
- Capture only public pages you have permission to analyze.
- Start with the generated prompt, then refine output with JSON details.
- Keep your own content/brand constraints explicit when prompting.