Style guide · live tokens from css/base.css

Time going soft

A night stage where almost everything is dim and one thing glows: time spent with other people. Full rules in STYLEGUIDE.md.

Stage

Accents

Pink means socializing and nothing else. Sand means you. The pearl sheen is only for socializing in the clock and the clock's rim.

Activities

Dusk tones, for shapes only. Never use them for text.

Type

Hero · Fraunces 600, SOFT 100

Same 24 hours.

Chapter title · Fraunces 600, SOFT 100

The weekdays emptied out

Story text · IBM Plex Sans 18px

For 15–24-year-olds, weekday socializing roughly halved, from 52 to 27 minutes.

Kicker and numbers · IBM Plex Mono

Chapter 3

59 → 36 min/day · 2003–04 → 2024–25

Charts

Direct labels, faint dashed hairlines, mono numbers, a gap at 2020, socializing in pink and "you" in sand. The values shown are real (15–24-year-olds).

Motion

Slow and viscous: --slow 1100ms with --ease-melt for the melt; drops fall with ease-in, like gravity.