Immersive / premium
UI Layouts hero pattern
hero-ai-infrastructure
Built for infra/devtool narratives where reliability, scale, and architecture credibility must be clear immediately.
Looped micro-motion / still-photo drama / cinematic focus
Frame Atlas is presented here through richer surfaces, spotlighted proof and panel choreography that feels more like a launch campaign than a docs page.
Material stack
Styles
73
Families
6
Live demos
67
Supporting treatments
Imagery
Hero scenes that read like still photography with one restrained looping movement
reveal 01
The same message set is restructured through layout, type scale, surface treatment, and narrative rhythm that change from one family and style to another.
reveal 02
Under the catalog sits a renderer-family system, so multiple styles can reuse a skeleton while still feeling clearly different in visual language.
reveal 03
Each route makes the trade-offs between clarity, materiality, density, novelty, and conversion feel explicit instead of merely swapping palettes.
Premium read
“A useful style gallery does not stop at palette swaps — it changes hierarchy, density and reading rhythm.”
Avoid list
Style intelligence
Uses a tiny looping motion inside an otherwise still scene to create cinematic tension, hold attention on the hero longer, and make the brand feel more refined than with a standard static image.
Compare against
Cyberpunk
Cinemagraphs prioritizes "still-frame composition with cinematic micro-motion"; Cyberpunk gives a different read within the same family.
Best fit
Luxury brands, hospitality, editorial campaigns, premium launches, and microsites needing cinematic mood
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.