Design engine and styles

Automated interface synthesis pairing generative layout drafts with multi-round visual evaluation, self-hosted typography, and strict contrast gates.

The design engine under /design plans, writes, renders, and iteratively critiques user interfaces against measurable quality standards. It pairs a code generator with an automated visual evaluator.

• 20 curated style directions: Pre-configured design tokens ranging from Swiss grid and terminal aesthetics to minimal editorial layouts.
• Local font delivery: 31 font families self-hosted directly under /fonts/. External Google Fonts or CDN requests are eliminated, avoiding third-party IP leakage.
• Automated critic loop: Measures rendered layout frames using headless Chrome, scoring visual hierarchy, whitespace consistency, font pairing, and color contrast.
• Configurable rounds: Set the evaluation depth between 1 and 20 iterations in your account settings (default 10).
• Strict accessibility gate: Color contrast and tap target sizes are validated with AccessLint before a design version passes.

Fast-path previews run via in-browser esbuild-wasm for sub-second live rendering, while final production builds compile through Tailwind CLI inside isolated worker containers.