Skip to main content
Version: 0.1 (next)

Design

The Infrared UI, the CLI output and these docs follow the brand rules and voice below.

Brand rules​

RuleWhat it means in practice
Ember is for one primary action per viewThe ember brand hue (#c2381a light, #ff7a50 dark) marks the single most important action on a screen. A view with two ember buttons has one too many.
Thermal marks agent workThe thermal treatment identifies work an agent did or is doing: an agent-authored commit, a running AgentWorkflowRun step, an agent verdict. Human work never uses it.
Status colors are Argo statesStatus is always an Argo CD state, Synced/OutOfSync or Healthy/Progressing/Degraded/Suspended/Missing, shown with an icon and the word. Color alone never carries meaning.
TypeIBM Plex Sans for interface and body text, IBM Plex Mono for code, pins and identifiers, and Archivo for headings.
NeutralsInk #141922 on surface #f5f6f8 in light mode; surface #0d1015 in dark mode.
No stock imageryDiagrams and real screens only.

Voice​

Plain, specific and active. Sentence case for headings and buttons. No emoji and no exclamation marks. Use the terms in the glossary and nothing in its "never say" column.