CSS
Primary technology used in this implementation.
Work Object Design System 2026
Radium Theme Specification
verified Verified ClaimThe primary visual and CSS token system for the Werkregister rebuild, defining color, spacing, and component behaviors.
Brief Overview
Problem
The existing portfolio used hardcoded hex values and inconsistent spacing, making accessibility audits difficult.
Outcome
A centralized token contract that automates contrast checks and provides a stable signal system for components.
Matter Ledger
Materials, tools, source inputs, constraints, and dependencies behind Radium Theme Specification.
Technologies & Frameworks
-
-
TypeScript
Primary technology used in this implementation.
-
Astro
Primary technology used in this implementation.
Environments
-
Instrumented Archive System
Support connection: Instrumented Archive System.
Constraints & Caveats
- Light mode is currently an open decision.
- Typography requires final asset licensing.
Claims & Evidence
Claim boundary
verifiedAll colors resolve strictly to CSS variables defined in tokens.css.
Limitations
- Some third-party dependency styles may bypass these tokens.
Claim boundary
supportedInteractive components are fully navigable by keyboard.
Claim boundary
supportedDark mode uses high-contrast accessibility tokens by default.
Operation Ledger
Public sequence of relevant operations, decisions, revisions, and maintenance actions.
-
completed Audit legacy UI color usage
Audited existing hardcoded hex colors and identified contrast failures.
-
completed Define Radium token contract
Established CSS custom properties for core contrast signals and spacing grids.
-
verified Implement CSS token sheet
Created tokens.css file containing semantic variables.
Proof: token-css-check -
verified Automate contrast QA gate
Ran automated accessibility verification for dark/light high-contrast compliance.
Proof: a11y-audit-01 -
completed Expose Radium Spec
Published version 0.2 of the Radium Token Specification.
Radium Theme Specification
The Radium theme is the foundational visual layer of the AZWERKS Werkregister.
Goals
- Precision: No arbitrary colors.
- Trust: Visible state markers on all objects.
- Accessibility: Automated contrast compliance.