Spec Tri-color palette · pure values only
MirAI Blue
#556DD7 AI letters & icon
Pure Black
#000000 "mir" letters on light bg
Pure White
#FFFFFF Monochrome mark on dark bg
Full wordmark 2 variants
Logo — Light
Color version. Use on white or very light surfaces.
on #FFFFFF
on surface-muted
Logo — White
Monochrome white. Use on black, MirAI Blue, photography, or any non-light surface.
on #000000
on #556DD7
Icon (apostrophe) 2 variants
Icon — Light
Color version. App icon, favicon, social avatar on light backgrounds.
on #FFFFFF
on surface-muted
Icon — White
Monochrome white. Use on black or MirAI Blue.
on #000000
on #556DD7
Scale showcase vector — renders crisp at any size
380 px
200 px
96 px (min-recommended)
144 px
64 px
24 px (favicon)
Optimizations vs previous assets
Colors normalized
Letter fill #1D1D1B → #000000 · Blue fill #556ED7 → #556DD7 (spec)
Structure
Paths grouped by color via <g fill="…"> · removed redundant per-path fills · added <title> + ARIA
Variants
Added true monochrome-white variant (previous dark-mode just CSS-inverted, losing accent intent)
