Polaroid

Instant memories, faded warmth, handwritten moments

shake it like a

Summer '79

01

Color Palette

Faded SX-70 warmth meets scrapbook nostalgia

Polaroid Frame

Polaroid White

#faf9f6

Border

#f3f1ec

Scrapbook

#eae5da

Aged Paper

#d9d2c5

Faded Film Tones

Faded Red

#c4706a

Faded Orange

#d4956a

Faded Yellow

#d9c878

Faded Green

#7aab8a

Faded Blue

#6a8ead

Faded Purple

#9a7eaa

Text & Caption

Dark Text

#3a3530

Light Text

#6b635a

Caption

#5a524a

Muted

#9a9189

02

Typography

Marker scrawls, handwritten captions, and clean body text

Permanent Marker

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 0123456789

Display & Headlines Permanent Marker — bold, casual, like writing on the bottom of a photo

Caveat

The quick brown fox jumps over the lazy dog

abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%

Captions & Labels Caveat 400-700 — natural handwriting for photo captions and notes

Inter

The clean, modern typeface for body copy and interface elements. Provides contrast against the handwritten fonts while maintaining warmth through careful weight selection.

Body & Interface Inter 300-700 — readable, neutral, and slightly warm
Display Shake it
H1 Heading One
H2 Heading Two
H3 Heading Three
Caption Photo caption text
Body Regular body text for longer passages
Small Small text for metadata and labels
Tiny Tiny uppercase for hex values & dates
03

Spacing

Generous white space, like the borders of an instant photo

space-1
4px
space-2
8px
space-3
12px
space-4
16px
space-5
24px
space-6
32px
space-7
48px
space-8
64px
space-9
96px
space-10
128px

Polaroid frame proportions

Standard

14 / 14 / 52

Compact

10 / 10 / 40

Minimal

8 / 8 / 8

04

Buttons

Soft, tactile interactions with gentle shadows

Standard

Sizes

States

With handwritten feel

05

Forms

Clean inputs with handwritten labels, like filling out a photo album

Where was this photo taken?
Film Type
Options
06

Cards

The heart of the system: white-bordered instant photo frames

320 x 320

Sunset at the pier

Jul 1979

320 x 320

Morning in the garden

May 1981

320 x 320

Road trip stop

Aug 1983

320 x 320

Stacked photos effect

Dec 1978

wide format — 640 x 320

Panoramic memories with tape

Summer 1980

320 x 320

Pinned to the board

Oct 1982

07

Alerts

Gentle notifications in faded tones

Photo Saved

Your instant photo has been added to the Family Vacation album.

Developing

Your photo is developing. Colors will shift and settle over the next few moments.

Low Film

You have 2 exposures remaining in this film pack. Consider loading a new cartridge.

Overexposed

This photo was overexposed and may appear washed out. Try adjusting the exposure dial.

08

Photo Strip

Horizontal scroll of scattered Polaroids, like photos spread across a table

One

Two

Three

Four

Five

Six

09

Navigation

Clean, unobtrusive navigation that stays out of the photos' way

10

Decorations

Tape, pushpins, and tilt for scrapbook authenticity

Taped down

Corner tape

Pinned up

CSS filter utilities for the vintage look

Original

.faded

.vintage

11

Design Principles

The philosophy behind the instant photo aesthetic

01

White Space is Sacred

Like the iconic white border of a Polaroid, generous white space frames content and gives it room to breathe. The extra space at the bottom invites captions and personal notes.

02

Imperfection is Character

Slight tilts, casual handwriting, and faded colors. Nothing is perfectly aligned because real photos scattered on a table never are. The imperfection creates warmth.

03

Warm Faded Palette

Colors that feel like they have been sitting in sunlight for decades. Desaturated, slightly shifted, with that unmistakable SX-70 warmth that makes every moment feel golden.

04

Personal Touch

Handwritten captions in marker pen, tape holding photos in place, pushpins on a corkboard. Every element should feel like someone lovingly arranged it by hand.

05

One Moment at a Time

Each card is a single captured moment. Content is presented in discrete, square-ish frames rather than flowing layouts. Every piece of content gets its own frame.

06

Tactile Physicality

Subtle shadows, hover lifts, and rotation suggest physical objects you can pick up and rearrange. The interface should feel like a table covered in photographs.