Service Online
AI Styleguide
Orchestrator
Automated extraction of brand identities into design tokens. The engine maps DOM structures into enterprise-grade Tailwind primitives.
Logic Kernel
DOM Parser
READY
Token Mapper
READY
Contrast Check
ACTIVE
Export Module
STANDBY
Color System
Core brand tokens + semantic states.
tailwind.config.colors
Primary
brand.primary
Surface
brand.surface
Secondary
brand.secondary
Accent
brand.accent
Typography
Inter (UI/Body) + Playfair Display (Headlines).
UI Font
Aa
Inter
Light 300 — The quick brown fox
Regular 400 — The quick brown fox
Medium 500 — The quick brown fox
Semibold 600 — The quick brown fox
Bold 700 — The quick brown fox
Display Font
Gg
Playfair Display
Headline
Italic Style
UI Components
Essential interactive elements.
Buttons
Form Inputs
Initialize Live Extraction
Enter a target URL to begin the deep-scan process.
Colors
Typography
Spacing
Assets