Back to articles
How 6 Theme Families Replaced 1,000 Random Outputs

How 6 Theme Families Replaced 1,000 Random Outputs

via Dev.to WebdevMichael Wang

Every AI website generator has the same problem: the output looks random. You prompt for a bakery site and get something that could be a SaaS landing page with a different color. The architecture underneath doesn't actually understand type . I spent two weeks rebuilding how CapsuleWeb resolves visual identity, and the core decision was replacing open-ended style generation with six curated theme families. The Six Families clean-editorial — whitespace-forward, type-heavy, minimal color modern-product — sharp contrast, geometric, tech-native soft-playful — rounded corners, warm palette, approachable boutique-warm — textured, earthy, small-business feel utility-local — dense, information-first, no-nonsense elegant-dark — dark backgrounds, refined type, high contrast Each family defines font pairings (Outfit, Fraunces, and others properly wired through the renderer), color logic, spacing ratios, and component behavior. When a user types a prompt, the system runs resolveThemeFamily(archetyp

Continue reading on Dev.to Webdev

Opens in a new tab

Read Full Article
2 views

Related Articles