The template library
Fourteen templates across seven art directions — each a distinct design system: typography voice, composition rules, background treatment, device presentation. The plates below cover eleven of them; the tilt, float and strata composition family renders live in the editor and automatic generator. Every plate is unretouched storeshot generate output, rendered in English and Arabic from the same app.
TEMPLATE API & AUTHORING GUIDE → docs/templates.md
Dark Cinematic
A dark studio scene — key light, floor reflection, grounded device. The 3D variant adds true perspective, extruded metal edges and a diagonal light shaft.
- --template cinematic · 4 settings
- --template cinematic-3d · 4 settings
Editorial Swiss
An editorial system: masthead, ghost numeral and serif display type on one template; a typographic grid with frameless UI and figure caption on the other.
- --template editorial · 3 settings
- --template swiss · 4 settings
Bold Campaign
Poster energy — oversized type, angled device, brand band. Immersive adds perspective twin devices; showcase layers UI on a slab.
- --template campaign · 4 settings
- --template immersive · 4 settings
- --template showcase · 3 settings
Warm Premium
Atelier: cream paper, ink serif typography, hairline plate margins and warm ambient shadows — the quiet-luxury register.
- --template atelier · 4 settings
Vibrant Gradient
Aurora: a structured two-tone light field with a luminous diagonal ridge — direction, not wallpaper.
- --template aurora · 4 settings
Minimal Product
Linea: a near-white field, one hairline line, plinth device presentation and restrained type.
- --template linea · 4 settings
Discovery
Apple-inspired discoverability: a localized search layer over the framed app. The prompt comes from localized config fields — never hardcoded. Three variations ship.
- --template discovery
Your theme, their design system
Every template reads your theme tokens — background, accent, text, surface. Same template, your brand.
- --template cinematic · 4 settings
- --template editorial · 3 settings
- --template swiss · 4 settings
Templates are TypeScript modules — a pure function from render context to HTML + CSS — and every one renders to all nine store profiles at exact verified dimensions. Try any of them on your own screenshot without installing anything.