[ LOADING ]
PROOF · NOT VIBES
Most "AI design" tools randomize colors and fonts on top of an identical layout. The result is the same house, painted six ways. Sailop picks structurally distinct layout variants — different DOM trees, different grid systems, different interaction patterns — and only THEN layers procedural palette, fonts, and spacing.
Same brief (saas-landing, identical content). Output measured for archetype, palette, font pairing, section variants, HTML length. Lower repetition = higher uniqueness.
Each composition picks one variant per section type without repeating WITHIN the page. Across 30 runs, every variant fires multiple times — the picker is not biased toward variant 0.
Patterns the procedural generator and the scanner both ban. If you see them in the output, it's a bug we want to know about.
The live demo runs the actual composePage() on each click. Different archetype, different palette, different layout.
Sailop picks structurally distinct section variants — different DOM trees, different grid bones, different layout shapes. Hero variant 0 uses a 2fr/3fr asymmetric grid. Hero variant 1 uses a 12-column grid with H1↔deco overlap. Hero variant 3 uses a polygon clip-path background. These are not the same template with new colors — they are different layouts. We then layer procedural palette/fonts/spacing on top, but those modulate WITHIN a structurally chosen layout.
Roughly 6 hero × 6 features × 4 pricing × 3 nav × 3 footer = 1,296 base structural compositions. Multiply by ~50 procedural palettes and ~40 font pairings: 1,296 × 50 × 40 = 2,592,000 structurally distinct pages. Spacing scales and effect intensities multiply further. The composer ensures no two sections in the same page reuse a layout variant.
No Inter / Roboto / Poppins / Montserrat / DM Sans as default body fonts. No blue 200-290 hue range (the Tailwind blue / purple-blue gradient signature). No three-equal-pricing-cards layout in default pricing. No animate-pulse / animate-fade-up / animate-bounce defaults. No 16px rounded-corner cards. No shadcn-default UI shapes. Read the rules at /docs/scoring.
Open /demo-sailop and click Regenerate ten times. Watch the archetype, palette, fonts, and section variants change. Or install the CLI: npx sailop install && sailop generate ./out — outputs HTML / Next.js / Vue / Svelte / Astro from the same brief, structurally varied per call.
Any AI coding agent benefits because the rules + generator are framework-agnostic. The MCP server works with Claude Code, Cursor, Windsurf, OpenAI Codex, Gemini CLI, Continue, Aider, and any 2026 agent that speaks Model Context Protocol. For non-MCP agents (Copilot, Tabnine), use the CLI as a pre-commit hook or in CI. See /integrations/ai-agents.