Tokens, components, and sketches for the CSO companion app. Cream, dark blue, and teal from the Brand Refresh. Avantt for all type.
The CSS in this file is the source of truth. The page only renders it.
Components never read --gray-*, --space-*, or --radius-* directly. They bind to semantic names (--canvas, --ink, --live, --r-pill). A value used twice earns an alias.
Cream canvas, dark-blue ink, teal accent from Identity Overview.
--live for now/on/done. Tier dots for membership. Never wash a card in brand teal.
Chips and buttons share --r-ctl (6px). No capsules.
Source: Brand Refresh KO (Jul 28, 2026) · Figma 1605:8431. Split Toolkits In Action 1605:8883 · Criteria 1605:8697.
Panel cream #FCFAEC, ink #333E48, mark teal #85D0D3. Exact fills from 1605:8888.
Resonant, Authentic, Ownable, Expansive. From evaluation slide 1605:8697.
CSO and Pops stay separate. Foyer binds to CSO primary; Pops red is documented only.
Cream page, cream sidebar, bordered plates. Sketches compose from components.
Our visual identity system should be…
Does it welcome & invite deeper understanding and relevance for audiences new and old?
Is it true to our beliefs of who we are and where we want to go in the future?
Is it uniquely differentiated, cohesive, and actionable by internal teams and partners?
Can it be scaled effectively and allow room to flex across verticals and contexts?
One face for titles, program, offers, labels, chips, buttons, and meta. Weight and size carry hierarchy.
Brand teal for accent and mark. Live green + tier dots for status. Everything else stays in the cream/ink family.
Dashed frame + OFFER chip + Avantt headline. Content never uses the dashed frame.
Tags top-left, id top-right (cso-2627-0001). Collection, not feed.
Control-rung buttons. Strongest: dark-blue fill. No black capsules.
Companion for relationship and attendance. Not a second ticket store.
Tier cues, season log (badges, quests), artistic leadership, catalog ids.
Live Now, wallet QR, program one tap away, tier cues ushers can read.
Push opt-in with a clear value, notification log, one-sentence toasts.
File-row lists, buy into wallet, one-tap Harmony Pass and student redeem, friend-seat links, flat account rows.
Web for account and ticketing. App for subscribers, Harmony Pass, and student access.
Fix account and ticket management on the web. Skip a full mobile rebuild.
Grow subscriptions and Harmony Pass with engagement the website cannot carry alone.
Orchestra first. System stays out of the way.
Primary mark · dark blue on cream
Reverse · cream on dark blue
Campaign field · teal mark
One radius per role. Docs chrome uses 6px panels and controls. Shell 12. Tile 4.
Lo-fi flows built from Foyer components. Season commerce on web including student access; companion app for subscribers, Harmony Pass, and students.
6-week window. One-click renew; seats held until cleanup week.
Before renewal end: unseated sales. Heat map optional.
Ecommerce switches to seated sales for packages and singles.
Digital tickets: no delivery fee. Facility fee on every ticket.
Package buyers can add parking for concerts in the cart. Singles: reserve from Monday of performance week.
Two lanes. Verify once; ticket rules unlock at single-ticket on sale.
Third-party check. Tracked online so redemptions stay within program rules.
1 ticket to CSO & Pops. Some specials excluded. Friend ticket optional.
Free membership. Limit 2. Redeem from Monday of the concert week. Some specials excluded.
$12.99 / month · select shows
Live from the CSS in this file. Compose from these before inventing.