Vintage Analog / Retro Film

Stylegeneral

Film grain, VHS, cassette tape, polaroid, analog warmth, faded colors, light leaks, vintage photography. Best for Photography portfolios, music/vinyl brands, vintage fashion, nostalgia marketing, film industry, cafes.

Film grain VHS cassette tape polaroid analog warmth faded colors light leaks vintage photography

#F5E6C8

#D4A574

#4A7B7C

#E8B4B8

Preview

A sample page drawn from this style’s tokens — a guide to the look, not the exact output.

New · weekly review

Plan the week in ten minutes

Pull in every task, see what matters, and share one clear plan with the team.

Get startedSee how it worksDocs

Tasks done1,284+12% this week

Emailyou@example.com

Remember meContinue

Today

Review roadmapDone

Ship onboardingIn progress

Team sync3 pm

Prompt

Paste into any AI assistant before describing what to build — or attach it to a project below.

# Visual style: Vintage Analog / Retro Film

Keywords: Film grain, VHS, cassette tape, polaroid, analog warmth, faded colors, light leaks, vintage photography
Primary colours: Faded Cream #F5E6C8, Warm Sepia #D4A574, Muted Teal #4A7B7C, Soft Pink #E8B4B8
Secondary colours: Grain overlays, light leak oranges, shadow blues, vintage paper tones, desaturated accents
Effects & animation: Film grain overlay, VHS tracking effect, polaroid shake, fade-in transitions, light leak animations
Best for: Photography portfolios, music/vinyl brands, vintage fashion, nostalgia marketing, film industry, cafes
Do not use for: Modern tech, SaaS, healthcare, children's apps, corporate enterprise

## Prompt keywords
Design with vintage analog film aesthetic. Use: film grain overlay, faded/desaturated colors, warm sepia tones, light leaks, VHS tracking effect, polaroid frame, analog warmth, nostalgic photography feel.

## CSS / technical
filter: sepia() contrast() saturate(0.8), background: noise texture overlay, animation: VHS tracking (transform skew), light leak gradient overlay, border for polaroid frame, grain via SVG filter

## Implementation checklist
☐ Film grain visible, ☐ Colors faded/warm, ☐ Light leaks present, ☐ Nostalgic feel achieved, ☐ Performance with filters, ☐ Images look vintage

## Design system variables
--sepia-amount: 20%, --contrast: 1.1, --saturation: 0.8, --grain-opacity: 0.15, --light-leak-color: rgba(255,200,100,0.2), --warm-tint: #F5E6C8

Use it in an app

Create a free account to attach this style to a project: the hub adds it to the prompt your AI assistant gets, so it builds every page in this look.

Start building — free I already have an account

From UI/UX Pro Max (MIT, commit 477bcb2).View source