Downloadable Brand & UI Specification

TechMii Innovations — Design System

Primary Slate Grey (#545454) • Lighter Silver Grey (#BEBEBE) • 6-Tone Mustard Yellow Scale

Download Design Tokens (.JSON)

1. Grey Scale Architecture (#545454 & #BEBEBE Core)

Grey 500 (Primary Canvas)
#545454
Main page background across all routes.
Grey 200 (Lighter Grey)
#BEBEBE
Lighter contrast cards, borders, secondary surfaces & 3D grid lines.
Grey 600 (Section Alt)
#474747
Alternating section background.
Grey 700 (Elevated Card)
#3D3D3D
Glass panels, navigation dock, and feature cards.
Grey 800 (HUD Surface)
#333333
3D telemetry drawer & modal surfaces.
Grey 900 (Dark Ink)
#242424
High-contrast text on #BEBEBE & Mustard buttons.

2. Multi-Tone Mustard Yellow Scale (UI & 3D Satellites)

Mustard 100 (Champagne)
#FFF3B0
3D core wireframe cage, Auditmii satellite & specular highlights.
Mustard 200 (Soft Gold)
#FFE169
Eyebrow badges, active icons, and 3D vertical energy beam.
Mustard 300 (Brand Primary)
#F5CB14
Official TechMii logo "Mii", primary CTA & MiiLocalize node.
Mustard 400 (Rich Mustard)
#D4A800
CTA gradient stop & MiiJobHunt 3D octahedron prism.
Mustard 500 (Deep Ochre)
#A67C00
Outer 3D gyroscope ring & MiiSocial constellation hub.
Mustard 600 (Bronze Shadow)
#735300
High-contrast accent typography on #BEBEBE light grey cards.

3. Interactive Surface & Button Specimens

Lighter Grey (#BEBEBE) Surface Pill
#BEBEBE Lighter Grey Callout Container

Used for high-contrast outcome callouts, borders, and secondary UI surfaces against the #545454 primary canvas.