UI theming
Two palettes, two jobs. Brand surfaces sell. App surfaces run shows. Don’t mix them on the same screen.
Brand — marketing / exterior
Section titled “Brand — marketing / exterior”- Background — Jet (
#0A0A0C) - Type — Cream (
#F2EFE8) - Accent — Signal (
#FF4A1C), one per composition
Used for: landing pages, product pages, decks, social tiles, hero moments.
App — operator / interior
Section titled “App — operator / interior”- Background — Paper (
#F6F5F1) in light mode, Slate (#2B2F36) in dark mode - Type — Ink (
#111318) in light, Cream (#F2EFE8) in dark - Interactive — Cyan (
#6AD5D3) for links, focus rings, active controls - Semantic — Armed / Warn / Halt / Signal applied to state
Used for: Cues, DJ, Clock running screens. Anything an operator looks at during a show.
Don’t mix the two palettes on the same screen. A marketing embed inside an app screen takes app chrome; an app screenshot inside a marketing page keeps its own chrome.