Vintage Analog / Retro Film
Also called: Retro Film, Analog Nostalgia, Polaroid UI
Faded warm film colour, grain, polaroid frames, orange date stamps and cassette-label stripes — a UI that feels developed, not rendered.
Design keywords
Say these words to ask for this style.
Vintage Analog borrows from the shoebox of old prints and tapes: a cream paper ground under a fixed film-grain overlay and soft vignette, warm faded colour (rust, mustard, teal, brown), photos and cards in white polaroid frames with a thick bottom margin, a little tape and a slight tilt. The orange LED date stamp and the VHS on-screen timestamp, a pixel mono, mark imagery; 70s tri-stripes on labels and rules recall cassette inlays. Headlines use a soft, slightly italic 70s serif.
Best for
- Travel journals, hostels and road-trip brands
- Photo, film and music apps (cameras, playlists)
- Cafés, vinyl stores and lifestyle commerce
- Memory, scrapbook and wedding products
Avoid for
- Fintech and security products that must look current
- Dense enterprise dashboards (grain + tilt cost legibility)
- Medical or government services
✓ Do
- Keep grain subtle: a fixed noise overlay at 12–20% opacity, multiply blend
- Frame images as polaroids: 10–12px white border, 40px+ bottom
- Tilt only decorative frames (±1–3°), never inputs or tables
- Use the orange date stamp (#FF8A1F, VT323) for one meta line per image
- Keep italics for Latin, numerals and prices; set Thai text elements upright with :lang(th) font-style: normal — font-synthesis alone does not stop Chrome fake-slanting Pridi
✕ Don't
- Don’t animate the grain — one static overlay, never flickering noise
- Don’t sepia-tone everything into one brown; keep teal and mustard as relief
- Don’t swap the soft italic serif for a geometric sans — the 70s serif carries half the nostalgia
Not to be confused with
On mobile
Keep the grain as one static overlay (no animated noise), frame the featured card and onboarding art as polaroids with a date stamp, and keep lists flat and untilted so touch targets stay precise.
Prompt builder
Paste into Claude, Cursor, v0, Lovable or any coding agent to recreate this style.