Hero architecture
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.
Style 67 · General · Magazine/Blog
Vintage Analog / Retro Film
Film grain, VHS, cassette tape, polaroid, analog warmth, faded colors, light leaks, vintage photography. This mock website translates the UI/UX Pro Max style notes into a client-ready landing/dashboard hybrid with its own palette, typography, chart module, and component system.
Live product surface
NOVA Magazine/Blog OS
Photography portfolios, music/vinyl brands, vintage fashion, nostalgia marketing, film industry, cafes
90%
style fit score
Effects
Film grain overlay, VHS tracking effect, polaroid shake, fade-in transitions, light leak animations
A full-page mock website in this style
Component language
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
Best-fit market
Photography portfolios, music/vinyl brands, vintage fashion, nostalgia marketing, film industry, cafes
Palette used
Editorial black + accent pink
Typography pairing
Retro Vintage
Abril Fatface / Merriweather
Abril Fatface for hero headlines only. High-impact vintage feel.
Implementation checklist
- ☐ Film grain visible
- ☐ Colors faded/warm
- ☐ Light leaks present
- ☐ Nostalgic feel achieved
- ☐ Performance with filters
Chart module: Box Plot
Showing spread, median, and outliers of a dataset; comparing distributions across multiple groups
Interaction spec
Accessibility: ✓ WCAG AA · AA
Performance: ⚡ Good
Mobile: ✓ High
Avoid: Modern tech, SaaS, healthcare, children's apps, corporate enterprise
Visual system samples
Gallery rhythm
Conversion section
One primary action, one secondary proof path, clear visual hierarchy, focus states, 44px+ hit targets, and token-driven colors.
Primary CTA