MierCat symbolMierCat Design SystemSPEC v1 · ONE DAY'S LIGHT
tokens.css
DESIGN SYSTEM v1 · UNIFIED ACROSS MIER.CAT

One Day's Light — Design System & Brand Vault.

Shared CSS custom properties, typography hierarchy, strict WCAG contrast guards, and downloadable vector logos powering mier.cat, world, photo, travel, and skyscrapers.

Day Key Visual
KEY VISUAL · DAY (Subject Left)LIGHT MODE

Semantic Color Tokens

Click any swatch card to copy its active Hex code. Switch Day/Night in the header to verify parity.

Interactive Component Workbench

Bricolage Grotesque (-0.03em) · Onest · JetBrains Mono (tabular-nums)

Official SVG Wordmarks & Mascot Vault

Always reference verbatim SVG logo assets via <img> or download directly below. Never hand-trace custom variants.

Wordmark on Dark
Wordmark on DarkSVG ↓
Wordmark on Light
Wordmark on LightSVG ↓
Wordmark LLC Dark
Wordmark LLC DarkSVG ↓
Wordmark LLC Light
Wordmark LLC LightSVG ↓
Wordmark on Cyber
Wordmark on CyberSVG ↓
Symbol M on Dark
Symbol M on DarkSVG ↓
Symbol M on Light
Symbol M on LightSVG ↓
App Icon Night
App Icon NightSVG ↓
App Icon Day
App Icon DaySVG ↓
App Icon Cyber
App Icon CyberSVG ↓
MC Monogram Dark
MC Monogram DarkSVG ↓
MC Monogram Light
MC Monogram LightSVG ↓
MierCat Day Mascot
DAY MASCOT · CREAM #FDF4E6
mier-front.png

Daylight silhouette reserved strictly for bright Warm Cream grounds.

MierCat Night Mascot
NIGHT MASCOT · NAVY #0B1F2E (≤340px)
miercat-front.png

Source PNG is 341x478px — render cleanly at 200-340px width on dark navy grounds.