FOURAK Design System

MTC Brand Refresh Architecture

Comprehensive identity audit, logo evolution, Catalyst Network geometry, color tokens, and accessible visual hierarchy.

Phase 1 · Audit

Legacy Identity Audit & Evolution

MTC's legacy brand identity featured solid state authority but lacked modern digital responsiveness, high-contrast accessible color pairings, and dynamic ecosystem visualization.

Legacy Brand Audit

  • Low-contrast text pairings
  • Static raster logo assets
  • Unstructured color palette
  • Desktop-only layout constraints

2026 FOURAK Evolution

  • WCAG 2.2 AA compliant HSL tokens
  • Scalable SVG brand mark system
  • Catalyst Network geometry
  • Mobile-first responsive layout
MTC Brand Refresh Concept Geometry

Figure 1.0 — Catalyst Network Geometry & Brand Node System Visual Concept

Phase 2 · Color System

Accessible HSL Color Tokens

MTC Ink#10232f · HSL(203, 49%, 13%)Primary Headings & Ink
Deep Teal#0b5c6b · HSL(189, 81%, 23%)Primary CTAs & Accents
Catalyst Orange#f36c21 · HSL(21, 90%, 54%)Highlights & Badges
Missouri Mist#eaf1f3 · HSL(195, 23%, 94%)Background Cards
Phase 3 · Typography

Google Fonts Pairings

Display Typeface · Outfit

Building Missouri's Innovation Economy

Body Typeface · Inter

Inter provides high legibility, clean numeral tabular alignment for financial tables, and complete screen-reader rendering clarity.