Grid / product
UI Layouts hero pattern
hero-ai-value-proposition
Great for SaaS and AI tools that need fast comprehension, low-friction scanning, and practical CTA entry points.
Rounded modular tiles / dense-but-readable overview
10x
Faster workflows
99%
Uptime guarantee
50+
Integrations ready
Capabilities
The same message set is restructured through layout, type scale, surface treatment, and narrative rhythm that change from one family and style to another.
Under the catalog sits a renderer-family system, so multiple styles can reuse a skeleton while still feeling clearly different in visual language.
Each route makes the trade-offs between clarity, materiality, density, novelty, and conversion feel explicit instead of merely swapping palettes.
∞
Unlimited
Projects & collaborators
Primary Language
Modular layouts
Imagery Mode
Mixed media blocks and tile-based composition
Best For
SaaS
"A useful style gallery does not stop at palette swaps — it changes hierarchy, density and reading rhythm."
Direction
Modular grid
Supporting
varied tile sizes
Style intelligence
A product-story layout that gets its identity from modular tile rhythm rather than from a single hero gesture.
Compare against
Swiss Minimalist
Bento uses varied tile rhythm and modular density; Swiss minimalist keeps structure stricter and typographically restrained.
Best fit
SaaS, AI tools, feature overviews, product storytelling
Structural signature
Avoid
Practical takeaway
This route demonstrates how the same product can be art directed in radically different directions by changing layout, hierarchy, materiality, and density with intention.