The Ordinary Giants system
Ordinary Giants tells the stories of everyday people doing extraordinary things. The look stays out of their way: chalk paper, black ink, condensed caps and plenty of room, so the people and the films carry the colour.
Logo
The wordmark is Dharma Gothic M ExBold, converted to outlines. It takes the colour of whatever it sits on. The giant is the icon.
Colour
Chalk. Near-white paper and true black ink so the films carry the colour. Muted grey is for metadata only.
Paper
Page background
Ink
Headlines, nav, buttons, signup band
Soft ink
Body copy and descriptions
Muted
Metadata only: labels, credits, dates
Rule
Hairline dividers
Band muted
Muted text on the dark band
Field
Input borders on the dark band
Type
Condensed caps for headlines, a calm grotesk for reading, mono for labels. Headlines always balance their line breaks.
Title
Inside a glassblowers workshop
Display
Everyday people. Big stories.
H2
Meet the next giant.
H3
Inside the studio of public artist Abbey Rich
H4
The chair designed to collapse when you sit on it
Quote
It's just intensely hot. Opening that door is like turning the sun up.
Body
Colour, walls and the work behind it.
Nav
Films Journal About
Meta
Button
Spacing
One 8-point scale. Every gap, padding and offset on the site uses one of these. 64 between sections, 48 between card rows, 24, 16 or 8 inside groups.
Grid
12 columns, 24 gutter, 48 margin on desktop. 4 columns, 16 gutter, 20 margin on mobile. Everything aligns to it.
Buttons
Two heights only: 40 small, 56 large. Mono bold caps.
Cards
One card everywhere: films archive, Latest and Related. 16:9 image, meta label, H4 title that fills the line before wrapping, body summary capped at two lines. Four across on desktop, one on mobile.
