Nine functional signal colors for Lab, Player App, and data visualization. The core brand stays monochrome + orange. These extend it where function demands color.
12% opacity of the signal color as background, 100% as foreground. One formula for avatars, status tags, role badges, and category chips.
Use ghost badges for avatars, status indicators, and role labels in Lab UI.
Keep opacity at 12% — consistent across all colors except Frost (10%) and Void (6%).
Use JetBrains Mono 700 for initials. Mono 500 for tags.
Don't use ghost badges in brand-facing or marketing contexts. They live in Lab and App only.
Don't mix ghost badges with solid-color badges in the same view.
Don't increase opacity above 15% — the subtlety is the point.
How each neutral reads as text on the darkest backgrounds. Both typefaces, four sizes.
Use Lab Palette signal colors exclusively in functional contexts: Lab UI, Player App, data visualization, pipeline states.
Ghost badges for avatars, status tags, role indicators.
Ember Orange remains the primary signal everywhere. All others support it.
Don't use signal colors in brand-facing, marketing, or print contexts. Those remain monochrome + orange.
Don't use more than 3 signal colors in a single view — hierarchy matters.
Don't use signal colors for large background areas. They are accents, not surfaces.