Foundations
The laws of the visual system: colour, type, logo, space, imagery and motion.
SmarterDx — ColorDraft: needs source
Source: the brand-spec palette in ../../Brand Instructions/brand.md (source-backed).
| Token | Hex |
|---|---|
turquoise |
#48BBC9 |
turquoise-dark |
#208F9D |
turquoise-light |
#C8EFF4 |
blue |
#0463EF |
blue-dark |
#020C6A |
blue-light |
#91BDFF |
purple |
#8A78FF |
aqua |
#39EAFF |
green |
#D7EF04 |
white |
#FFFFFF |
grey-1 |
#F5F8FD |
grey-2 |
#EBEEF2 |
grey-3 |
#3E4268 |
grey-4 |
#9FA0B1 |
black |
#171717 |
Semantic role assignments (which color does what) are Needs source until read from
approved artboards — see tokens/tokens.json → semantic.
SmarterDx — IconographyDraft: needs source
Needs source. The brand-spec does not define iconography. Per the Design System Ingestion Methodology, an undefined slot is stubbed explicitly — never filled with a confident-looking guess. Populate from a contract-compliant Figma source or a client-supplied artifact, and cite it.
SmarterDx — LogoDraft: needs source
Needs source. The brand-spec does not define logo. Per the Design System Ingestion Methodology, an undefined slot is stubbed explicitly — never filled with a confident-looking guess. Populate from a contract-compliant Figma source or a client-supplied artifact, and cite it.
SmarterDx — MotionDraft: needs source
Needs source. The brand-spec does not define motion. Per the Design System Ingestion Methodology, an undefined slot is stubbed explicitly — never filled with a confident-looking guess. Populate from a contract-compliant Figma source or a client-supplied artifact, and cite it.
SmarterDx — PhotographyDraft: needs source
Needs source. The brand-spec does not define photography. Per the Design System Ingestion Methodology, an undefined slot is stubbed explicitly — never filled with a confident-looking guess. Populate from a contract-compliant Figma source or a client-supplied artifact, and cite it.
The brand-spec negative list already bans:
- Mona Sans or any substitute typeface (built-site direction is not canon)
- off-palette colors
- tertiary purple/aqua/green used as a primary element
- unsupported ROI, revenue, KLAS, SOC 2, or market-size claims
- arbitrary decoration in place of the approved Wave graphic system
- salesy or barrier-building tone
SmarterDx — Space & GridDraft: needs source
Needs source. The brand-spec does not define space & grid. Per the Design System Ingestion Methodology, an undefined slot is stubbed explicitly — never filled with a confident-looking guess. Populate from a contract-compliant Figma source or a client-supplied artifact, and cite it.
SmarterDx — TypeDraft: needs source
Source: the brand-spec type block in ../../Brand Instructions/brand.md.
| Role | Family |
|---|---|
| display | Archivo |
| body | Archivo |
| family | Archivo (single-family: display + body + UI) |
| files | SmarterDx/6) Final Asset Library/01. BRAND/04. FONT/Archivo/ ; guide copy: 03-brand/interactive-brand-guide-source/fonts/Archivo-Variable.ttf |
Scales, weights in production use, and leading are Needs source until measured from approved artboards.