Light premium, imagery first.
Paper surfaces carry the interface. Evergreen carries authority, vitality carries momentum, and gold marks value. Liquid glass appears only over imagery.
Color
Typography
Fraunces display, set tight
Manrope heading for sections and cards
Manrope body copy at a comfortable measure. Line length stays under about 70 characters so long passages remain readable on paper surfaces.
318 MW orchestrated · 12,400 homes · 98.6% recovery
Glass over imagery
Liquid glass is reserved for panels that sit on photography or an evergreen field. On flat paper, use hairline borders and soft shadows instead.
Motion
Motion uses a single easing curve and no bounce. Mobile devices receive a reduced tier, and everything stops when a visitor prefers reduced motion.
cubic-bezier(0.16, 1, 0.3, 1)
Canopy dark tier
Dark scenes are canopy green, never pure black. No purple, no violet, no cyan beyond the existing shield teal.
Cinema type scale
clamp(3rem, 7.5vw, 6.5rem) · clamp(2.25rem, 5vw, 4.25rem) · clamp(1.75rem, 3.2vw, 2.75rem) — Fraunces 600, line-height 1.02, tracking -0.02em
Scrims
Bottom-weighted. Text pinned to the lower third.
Top-weighted. Nav and top-aligned copy.
Center-safe. Centered hero copy.
Fades imagery into paper sections.
Nav states
Over hero media: transparent, light text.
Past 40px: glass blur, hairline, ink text.
Scene chassis
One reusable full-bleed scene. Canopy and paper themes, three alignments, no cards or chips inside.
Power restored, on the record.
A rescue crew, a diagnostic, and a system that reports for itself.
The grid never sleeps.
Centered copy uses the radial scrim so the middle stays legible.
Land that earns while it rests.
End alignment pins copy to the lower third and fades into paper.
Asset registry
