Applications · Section 09 · Digital applications
Website and product UI
Global brand structure, interactive Aqua, service navigation, product state and accessible UI.
Website
Apply the system by role. A workstream family is useful only when it helps the reader navigate this artifact.
Core
Global navigation and structure
Workstream
May identify service modules, case studies or page sections
Status
Product and delivery pages
Dashboard and product UI
Apply the system by role. A workstream family is useful only when it helps the reader navigate this artifact.
Core
Neutral surfaces and structure
Workstream
May categorise data or architecture
Status
Operational state, always with text or shape
Interaction and state
Aqua identifies action, focus and selection. Operational status always adds a glyph and readable label; colour is never the only signal.
Digital examples
Website structure remains Sapphire-led; product interfaces use neutral surfaces, Aqua interaction and explicit operational state.
AI and software that survive production
Aqua is reserved for the primary action. Workstream families identify service modules below the hero.
Website hero. Sapphire owns global recognition; Aqua identifies action.
Operational health
Product dashboard. Aqua interaction and Aqua status use different shapes, positions and labels.