Color Systems side-by-side
We have mapped four archetypes matching distinct psychological paths for stereoIT. Hover and view the contrast details. Clicking "Apply Theme Context" on any panel will sync the storybook's components block.
REFINED DARK BASELINE //OPTION-A
Option A: The Evening Architect (Dark)
Calming Sage Green on Warm Graphite base. Calm, sophisticated, and night-focused.
M3 Tokens Mapping
primary #8F9E8B
primary-container #2D352C
secondary #A1A1AA
secondary-container #27272A
tertiary #D4AF37
background #121212
RAW CLAY & ALABASTER //OPTION-B
Option B: The Master Craftsman (Light)
Raw Terracotta Clay on Alabaster. Tactile, premium, grounded, and human-centric.
M3 Tokens Mapping
primary #A76D53
primary-container #F5EBE6
secondary #64748B
secondary-container #F1F5F9
tertiary #7E8F7C
background #FAF9F6
BLUEPRINT BLUE & GOLD //OPTION-C
Option C: The Prussian Blueprint (Light)
Deep Indigo on Alabaster. Emphasizes intellectual authority, mathematical trust, and precision.
M3 Tokens Mapping
primary #1B2E4A
primary-container #ECEFF4
secondary #486581
secondary-container #F0F4F8
tertiary #B19253
background #FAF9F6
FOREST SAGE & OCHRE //OPTION-D
Option D: The Sustainable Haven (Light)
Forest Sage on Alabaster. Represents rest, psychological safety, organic growth, and balance.
M3 Tokens Mapping
primary #4D5E52
primary-container #F1F4F0
secondary #5C6B73
secondary-container #F4F1EA
tertiary #D4A373
background #FAF9F6