Design System

Film Grain

Analog warmth.
Nostalgic imperfection.
Timeless beauty.

Exposed: 2024

01 / Colors

Color Palette

Muted, warm tones inspired by Kodak Portra and Fujifilm stocks. Faded elegance with amber undertones.

Base Tones

Paper #FAF6ED
Cream #F5F0E6
Charcoal #3D3A35
Deep Shadow #2A2825

Warm Accents

Amber #D4A066
Amber Light #E8C898
Sepia #8B7355
Sepia Dark #6B5343

Faded Film Tones

Faded Red
Faded Orange
Faded Green
Faded Teal

02 / Typography

Type System

Special Elite for display text evokes typewriter nostalgia. Source Serif 4 for readable body copy with classic elegance.

Display

Special Elite / 64px

Analog Dreams

H1

Special Elite / 40px

Heading One

H2

Special Elite / 32px

Heading Two

H3

Special Elite / 22px

Heading Three

Body

Source Serif 4 / 16px

The warmth of analog photography lives in every imperfection. Like memories fading at the edges, each frame tells a story that digital precision cannot capture.

Caption

DM Mono / 12px / Uppercase

Frame 24 / Kodak Portra 400 / f/2.8

Mono

DM Mono / 14px

ISO 400 | 1/125s | 50mm

03 / Spacing

Spacing Scale

A harmonious scale based on 4px increments. Generous whitespace lets content breathe like light through a lens.

4px
xs
8px
sm
16px
md
24px
lg
32px
xl
48px
2xl
64px
3xl
96px
4xl

04 / Buttons

Buttons

Tactile buttons with warm tones and subtle animations. Each click feels deliberate, like pressing a camera shutter.

Button Variants

Button Sizes

Primary Sizes

05 / Forms

Form Elements

Clean inputs with warm focus states. Every field feels like writing in a vintage notebook.

06 / Cards

Cards

Content containers with subtle light leak effects. Like photographs waiting to be discovered in an old shoebox.

Frame 01

Golden Hour

The magic hour when warm light wraps everything in amber. Shadows stretch long and colors deepen.

Frame 02

Light Leaks

Happy accidents where light sneaks in. Unpredictable streaks of color that add character.

Frame 03

Grain Structure

The organic texture of silver halide crystals. Each frame unique, never perfectly smooth.

Photo Cards

Aug 1985

Summer Memories

Captured on Kodak Gold 200. The colors fade but the feeling remains.

Dec 1992

Mountain Light

Fujifilm Velvia slides. The greens were never quite this vivid in person.

07 / Data Table

Data Table

Organized information with vintage warmth. Like a photographer's logbook tracking every roll.

Film Stock Type ISO Character Status
Kodak Portra 400 Color Negative 400 Warm skin tones, fine grain In Stock
Kodak Gold 200 Color Negative 200 Warm, saturated colors In Stock
Fujifilm Pro 400H Color Negative 400 Soft pastels, fine grain Discontinued
Ilford HP5 Plus B&W Negative 400 Classic grain, high contrast In Stock
CineStill 800T Color Negative 800 Tungsten balanced, halation Limited

08 / Badges

Badges

Status indicators with analog warmth. Small labels that tell the story of each frame.

Status Badges

Default In Stock Developed Expired

Color Badges

Warm Cool Natural Creative

Film Type Badges

35mm 120 Medium 4x5 Large Instant

09 / Principles

Design Principles

The philosophy behind the aesthetic. Embracing imperfection and the beauty of analog.

01

Embrace Imperfection

Film grain, light leaks, and color shifts are not flaws but features. They add character and humanity that perfect digital reproduction cannot match. Let the imperfections tell their own story.

02

Warm Over Clinical

Digital coldness gives way to analog warmth. Amber tints and sepia tones evoke memory and emotion. The goal is not accuracy but feeling. Colors should feel remembered, not recorded.

03

Texture is Essential

Every surface should have presence. The grain overlay reminds us that we are looking at something physical, something that existed in the world. Smoothness is suspicious; texture is trustworthy.

04

Time-Worn Beauty

New things are suspicious. Designs should feel like they have history, like they have been loved and used. Faded colors suggest years of exposure to light and memory. Age adds value.

05

Deliberate Limitation

Constraints breed creativity. The 36-exposure limit of a film roll forces intentionality. Apply this mindset: every element should earn its place. Less but better. Meaningful over abundant.

06

Nostalgic Future

Honor the past while serving the present. These aesthetics are not about living in the past but bringing its warmth forward. Technology changes; the human desire for beauty and connection does not.

"There is something about the tactile quality of film, the grain, the color shifts, the happy accidents. It teaches you to see differently, to accept imperfection as beauty."

On the philosophy of analog photography