StoreShot

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

39 plates · 11 templates · 6 families

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
cinematic · EN860×1870
cinematic · العربية860×1870 · RTL
cinematic-3d · EN860×1870
cinematic-3d · العربية860×1870 · RTL
cinematic · Header 21:91920×823
cinematic · Feature graphic1024×500

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
editorial · EN860×1870
editorial · العربية860×1870 · RTL
swiss · EN860×1870
swiss · العربية860×1870 · RTL
editorial · Header · العربية1920×823 · RTL
editorial · Feature graphic1024×500

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
campaign · EN860×1870
campaign · العربية860×1870 · RTL
immersive · EN860×1870
immersive · العربية860×1870 · RTL
showcase · EN860×1870
showcase · العربية860×1870 · RTL

Warm Premium

Atelier: cream paper, ink serif typography, hairline plate margins and warm ambient shadows — the quiet-luxury register.

  • --template atelier · 4 settings
atelier · EN860×1870
atelier · العربية860×1870 · RTL
atelier · Header 21:91920×823
atelier · Feature graphic1024×500

Vibrant Gradient

Aurora: a structured two-tone light field with a luminous diagonal ridge — direction, not wallpaper.

  • --template aurora · 4 settings
aurora · EN860×1870
aurora · العربية860×1870 · RTL
aurora · Header 21:91920×823
aurora · Feature graphic1024×500

Minimal Product

Linea: a near-white field, one hairline line, plinth device presentation and restrained type.

  • --template linea · 4 settings
linea · EN860×1870
linea · العربية860×1870 · RTL
linea · Header 21:91920×823
linea · Feature graphic1024×500

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
discovery · A · EN860×1870
discovery · B · EN860×1870
discovery · C · EN860×1870
discovery · A · العربية860×1870
discovery · B · العربية860×1870
discovery · C · العربية860×1870

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
cinematic · violet theme860×1870
editorial · paper theme860×1870
swiss · paper theme860×1870

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.

Try in the editor Start using them