Perspectives Design System

The system, page by page.

Nine sections covering brand, type, color, spacing, iconography, personas, and component libraries for marketing, app, and editorial surfaces.

01
Brand & Wordmark
The wordmark, lockup sizes, accent colors, and usage rules.
02
Type System
Five type families, editorial and UI scales, and pairing rules.
03
Color
Surface tokens, accent usage, verdict semantics, greyscale ramp, and app themes.
04
Spacing & Grid
Spacing scale, 12-column grid, hairlines, radius, and layout shells.
05
Iconography
Core marks, UI icon set, persona IDs, and the underscore explained.
06
The Council
Default and forecaster councils — 16 personas with voice, traits, and quotes.
07
Marketing Components
Navigation, hero, buttons, stat blocks, article cards, pull quotes, and footer CTA.
08
In-App Components
Three-pane app shell, chat messages, phase bar, controls, and verdict cards.
09
The Signal
Newspaper-style editorial layout — masthead, two-column body, market divergence cards.