Hub
Frame 001 — 35mm

Analog Press

Where film photography meets typewriter manuscripts. Developing prints in the darkroom while typing captions on an old Olympia.
Tri-X 400 • Pushed +2 • D-76 1:1
Contact Sheet — Text Samples
01
Every letter strikes the page with mechanical precision. The ribbon transfers pigment to fiber.
f/8 • 1/125s
02
Grain emerges in shadows first. The image forms slowly in the developer tray, molecule by molecule.
f/5.6 • 1/60s
03
Monospace type aligns like darkroom test strips. Each character occupies its designated space.
f/11 • 1/250s
04
The paper curls slightly as fixer dries. Type impression deepens with each successive carbon copy.
f/4 • 1/30s

Press Proof — Draft 03

The Analog Manifesto
PROOF
STET

We believe in the digital perfection of tactile imperfection of analog processes. Every grain particle is a flaw fingerprint, every keystroke leaves a physical impression on the page. The slight misalignment of characters, the uneven ink density across the ribbon's travel — these are not defects but evidence of the human hand at work.

Olivetti Lettera 32 • Courier 10cpi Rev. 1974-03-15
Typewriter Ribbon
Ink Dark
Paper
Red Ribbon
Worn Key
Film Canister
Darkroom
Silver
Sage Tint
Safelight
Exposure Test Strip — Typography
Ag
100 • f/2.8
Ag
200 • f/4
Ag
400 • f/5.6
Ag
800 • f/8
Ag
1600 • f/11
1974-03-15 • Frame 024 • Tri-X 400
"The darkroom is a place of transformation. Silver halide crystals, struck by photons, reduced by chemistry, fixed in time. The typewriter does the same for language — each letter a permanent strike, irreversible, honest."
Typed on Olivetti Lettera 32 • Kodak Safety Film

AI Request Prompt

Design a landing page in "Analog Press" fusion style — combining Grain Texture's film photography aesthetic with Mono Type's typewriter discipline.

COLOR TOKENS:
--bg: #1a1714 (warm darkroom dark)
--text: #e8ddd0 (warm photographic paper cream)
--accent: #e07a5f (terracotta / safelight red)
--accent-2: #81b29a (sage / chemical tint)
--muted: #8a7e6e (aged metal / worn key)
--line: rgba(232, 221, 208, 0.12)
--card-bg: rgba(38, 34, 28, 0.85)
No other colors.

TYPOGRAPHY:
- Headlines: 'DM Serif Display', serif — elegant, editorial, for film strip titles
- Body/UI: 'Space Mono', monospace — typewriter feel for all running text
- Headline size: clamp(2.2rem, 5.5vw, 4rem)
- Body: font-size 0.78–0.85rem, line-height: 1.65–2.0, letter-spacing: 0.08em

TEXTURE & GRAIN:
- SVG noise filter overlay on body::after with opacity 0.04
- Character grid on body::before using linear-gradient with 1ch/1.6em grid
- Film sprocket holes: small rounded rectangles in sidebar columns (14×10px)
- All borders use var(--line), no rounded corners (border-radius: 0)

LAYOUT ELEMENTS:
- Film negative strip header with sprocket holes on both sides, frame number, and serif title
- Contact sheet grid: 4-column grid with 2px gap, each frame has number, text sample, and exposure metadata
- Press proof manuscript: bordered section with serif title, monospace body text, red editor marks (strikethrough + caret inserts), PROOF stamp rotated -3deg
- Dual color palette: typewriter ribbon (square swatches) vs film canister (circular swatches)
- Exposure test strip: 5-column row showing same text at increasing font-weight and opacity (0.25 → 1.0)
- Vintage photo caption: film strip format with sprocket holes, timestamp, and monospace quote

DARKROOM EFFECTS:
- Safelight glow: radial-gradient rgba(224,122,95,0.06) on key sections
- Hover states: inset box-shadow with safelight color
- Editor marks: accent color for strikethrough, accent-2 for insertions with caret (^) above

MOTION:
- Minimal — only hover transitions (0.3s ease) on interactive elements
- No keyframe animations — stillness reflects analog patience

RESPONSIVE:
- Desktop (>720px): 4-column contact sheet, 5-column exposure strip, 2-column palette
- Tablet (<=720px): 2-column contact sheet, 3-column exposure strip, 1-column palette
- Mobile (<=480px): 1-column contact sheet, 2-column exposure strip

FORBIDDEN:
- Rounded corners (border-radius) on content elements — sharp edges only
- Bright saturated colors — muted analog palette only
- Sans-serif body text — all body text must be monospace
- Decorative illustrations — only typographic and photographic metaphors
- Smooth gradients as backgrounds — texture and grain are mandatory

OUTPUT:
1) Film strip + typewriter fusion layout system
2) SVG grain overlay + character grid + safelight glow effects
3) Full HTML/CSS with responsive breakpoints and darkroom color tokens