Design Aesthetic Reference

Analog Warmth

Kodak Portra 400 — 35mm — f/2.8

Every photograph carries the warmth of the light that made it. We celebrate the gentle grain, the amber glow, and the quiet imperfections that make analog images feel genuinely alive.

Serif Warmth & Typewriter Soul

editorial elegance meets darkroom notes

Display / Libre Baskerville 700

Silver & Light

Heading / Lora 600

Warm Tonal Character

Accent / Special Elite 400

shot on portra 400 -- developed by hand in C-41

Body / Source Serif 4 400

The organic imperfections of analog photography -- gentle grain, soft light leaks, and warmly faded tones -- give images a character that clinical digital precision cannot replicate.

Metadata / Courier Prime 400

Frame 24 • ISO 400 • Exp. +1/3

UI Label / DM Sans 500

Interface Labels & Navigation

Type Scale

3.6rem Aa
2.2rem Aa
1.1rem Aa
1.05rem Aa
0.85rem Aa
0.9rem Aa

Font Pairings

Libre Baskerville + Source Serif 4
Classic editorial warmth; photo book feel

Lora + DM Sans
Warm serif headings with clean modern body

Special Elite + Source Serif 4
Darkroom notes meet polished prose

Film Stock Tones

portra warmth, velvia greens & darkroom chemistry

Portra Cream
#F5EDE0
Darkroom Ivory
#EDE4D3
Developer Tint
#F9F3EA
Light Leak Amber
#E8A54B
Kodak Peach
#E4B08A
Faded Ochre
#C4A265
Sepia Shadow
#5C4A3A
Exposure Brown
#7A6150
Film Fog Rose
#C89B97
Velvia Olive
#8A8B6A
Halation Orange
#D97A3E
Dust Mote Gold
#D4B876
Emulsion Blue
#7A8B96
Shutter Black
#3A332C
Negative Strip
#2C2520

From the Darkroom

warm cards, soft edges & organic details

Core Element

Film Grain Texture

A subtle organic noise pattern overlays all surfaces, giving the design a tactile, photographic quality that flat digital renders lack. Keep opacity between 3-6%.

Texture SVG Filter
Signature Effect

Light Leak Accents

Soft washes of warm amber and rosy pink bleed across edges, mimicking the beautiful flare caused by light entering a camera body through worn seals.

Gradient Blur
Layout

Vignette Framing

Edges of hero areas and sections darken subtly toward the periphery with radial gradients, replicating the natural fall-off of light on film exposures.

Radial Focus
Technique

Warm Shadow Tinting

Shadows carry a brown or sepia undertone rather than neutral gray or pure black. This keeps the overall palette cohesive and the emotional temperature consistently warm.

Shadow Tone
Principle

Desaturated Mid-Tones

Colors are gently muted rather than vivid. Greens lean olive, blues lean slate, and reds shift toward terracotta or dusty rose, as though processed through film chemistry.

Muted Film
Craft

Analog Imperfection

Slight misalignments, softened type rendering, and gentle inconsistencies are embraced as features rather than flaws. The human touch authenticates the design.

Organic Authentic

CSS Darkroom Techniques

all analog, no image assets needed

Film Grain

SVG feTurbulence filter creates authentic fractal noise at low opacity, mimicking silver halide grain.

Light Leak

Blurred radial gradients in amber and rose simulate warm light bleeding through worn camera seals.

Vignette

Radial gradient from transparent center to dark edges replicates natural lens light fall-off.

Halation Glow

Bright elements emit warm amber glow, mimicking light bouncing off the film backing layer.

Warm Sepia Tones

Layered gradients through the full warm palette with grain overlay create aged photographic print quality.

Aged Paper

Fine repeating lines, subtle color spots, and micro-noise suggest the fibrous texture of photographic paper.

Warm Buttons

soft, tactile & warmly inviting

There is something about film that digital will never capture — the way light passes through silver and chemistry to become something you can hold. Every grain is evidence that the photograph was real.
— A Darkroom Journal, Frame 24

Develop Something Beautiful

warmth, grain & the character of light on film

The Analog Warmth aesthetic embraces organic imperfection, amber tones, and the tactile character of photographic media. Ground every surface in warm cream, tint every shadow with sepia, and let the light leak through.

Back to the Top