Design System – Overview

The design system for Autonomix, read from the brand folders of its brain in the vault. The brain holds 2 logo files, 10 colors, 2 typefaces.

• The ground is black #000000 or navy #070B12. Light grounds exist only to explain
• One orange. #FA8200 for actions and signals on dark; #B05B00 for any orange text or
• Orange is a signal and a light source, never a panel. Flat UI orange measured ~0.6% of
• Label on orange is #160A00. Not white (2.54:1), not pure black.
• Cyan #5BC8F5 is eyebrow, focus and gradient only. Never on white (1.90:1), never a fill.
• The logo mark keeps its own gradient #FF8A00 → #FFBF00. Don't flatten it to #FA8200.
• Archivo for display (700; 400 for statements), Chakra Petch for everything else, as
• The eyebrow is Chakra Petch 500, uppercase, +0.08em, cyan, on the hero it sits between

Logo

The logo files for Autonomix 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

10 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.

Typography

2 typefaces read from 03-brand/interactive-brand-guide.html.

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

Voice and tone

The full voice note is in the vault at 03-brand/voice-messaging.md.

Rubric