The whole system is generated from a single configuration file, so it stays internally consistent: change a brand color once and it cascades through templates, widgets, and game guides. These pages show what that system looks like, value by value.
01 Color The navy / teal / orange palette, semantic colors, neutrals, and the WCAG contrast matrix. 02 Typography Inter, Source Sans 3, and Source Code Pro — the modular type scale and how to use it. 03 Logo The wordmark and symbol, every color variant, clear-space and minimum-size rules, and co-branding. 04 Iconography A custom icon set across six categories, built on a dual stroke-weight system that echoes the wordmark. 05 Photography & Illustration Editorial photo direction with do/don’t examples, plus the illustration and data-viz style. 06 Motion & Dark Mode Timing curves, duration scales, reduced-motion rules, and the semantic dark-mode mapping.