The brand baseline for VitalCX. Brand guide , updated Oct 8.
Design System – Overview
The design system for VitalCX, read from the brand folders of its brain in the vault. The brain holds 2 logo files, 27 colors, 3 typefaces, 34 components, 6 voice principles, 6 rubric checks.
- Lead with clarity, coordination, accountability, and patient experience.
- Maintain clinical credibility with a warm, human edge.
- Use Fields/Fields Display for headlines and Albert Sans for body/UI.
- Use Vital Blue as the primary brand color.
- Use the "V" frame system as the primary graphic device.
- Use custom two-tone icons, or clearly flag Lucide as a fallback.
- Use source-backed claims for healthcare, compliance, and performance statements.
- Do not use emoji in final brand assets.
Logo
The logo files for VitalCX that the brain holds, picked from its brand folders. The full set, with every lockup and format, stays in the vault.
Clear space, minimum size and misuse rules are in the brand guide and the brand notes, not in these files.
Color
27 colors read from 03-brand/design-tokens.json, named as the brain names them. Colors the brain marks as superseded are left out. Click a color to copy its hex.
The first brand colors in the palette plus the lightest. Text color down the side, background across the top. Each pair shows the contrast ratio and whether it is safe for text.
| Text on background | Vital Blue | Mint | Lilac | White |
|---|---|---|---|---|
| Vital Blue | Same color | Aa | Aa | Aa |
| Mint | Aa | Same color | Aa | Aa |
| Lilac | Aa | Aa | Same color | Aa |
| White | Aa | Aa | Aa | Same color |
Typography
3 typefaces read from 03-brand/design-tokens.json.
VitalCX
VitalCX
VitalCX
Specimens are drawn in a stand-in face. The licensed files are kept on the client drive and loaded in the client build.
Spacing and shape
Spacing steps and corner radii as VitalCX's design tokens define them.
Components
34 components built for VitalCX, read from its repo. Each one links to its source on GitHub.
React components and primitives.
HTML pattern cards from the design system.
Voice and tone
The voice principles for anything written as VitalCX, as listed in its voice and messaging note.
Confident, warm, authoritative.
Clinical credibility balanced with empathy.
Short, declarative sentences with a humane edge.
Direct and precise; avoid corporate jargon.
Pair technical capability with emotional resonance.
Make operations feel like patient experience, not back-office plumbing.
The full voice note is in the vault at 03-brand/voice-messaging.md.
Rubric
The brand rubric scores a piece of work against this design system. Read from 10-oracle-instructions/oracle-brand-rubric.md.