India Framed · Design system

Image first. Paper real. Type quiet — except when it sings.

Production system for journeys, prints, brand mark, and books. Higher-level components are tuned in labs with HUDDI OSD, then frozen into product.

Canonical docs: docs/SYSTEM.md · motion research: docs/MOTION-LIBRARIES.md (Motion.js recommended for springs).

Color & stage

Paper / ink stage. Film black for immersive and reels. Toggle theme in the nav.

Paper #f4f2ec
Ink #16140f
Graphite #6b6760
Film #0c0b09
Terracotta #c45c3e
Print matte #fffcf7

Instrument · Fraunces · mono

Brand / UI / captions = Instrument Sans. Story heroes = Fraunces. Meta = IBM Plex Mono.

Display · Fraunces

Design: Logic. Purpose. Beauty.

Brand · Instrument Sans

India Framed — photography as reference, not a feed.

Eyebrow · mono

Journeys · Contact sheets

Lede

The photographic archive of Bharath Ramamrutham — architecture, landscape and life, gathered on film. A place to look longer.

Paper border · BlurHash · shadow

5 mm unprinted matte (not baked into files). Full controls in Gallery lab OSD.

Photo hero + quote

From the archive prototype — image under scrim, Fraunces quote.

Introducing

Photography is light. It lives at the edge of miracles and magic.

— Bharath Ramamrutham

01 / 06

Twelve series cards

Folder-imported collections with BlurHash covers. Open Gallery lab to browse a journey.

Contact strip

Horizontal reel of prints — hold on hover. Collection stage (pile→fan→masonry→immersive) lives in Gallery lab.

3D published work

Stripe-Press-style volumes from the archive prototype. Full param OSD in Books lab — pointer-track covers.

Open books lab →

Tune production params

Every higher-level component has a lab with full Silkscreen OSD. Export JSON when frozen.