Design System

The single source of truth for OrderInboxes. Strict adherence to the black-on-black aesthetic, border-only highlights, and cinematic textures.

01. Typography

Display Font (Antonio)

Enterprise Infrastructure

Order Google & MS Inboxes

Stability You Can Trust

Body Font (Inter)

OrderInboxes delivers enterprise-grade, isolated Google & Microsoft mailboxes—automated, reliable, and fast setup under 10 minutes. This is the standard body text style for readability against the dark background.

Monospace (JetBrains Mono)

✓ System Operational
ℹ Provisioning tenant...
→ 12ms latency

02. Colors & Textures

#000000

Background (Pitch Black)

#0A0A0A

Card Surface

#FFFFFF

Foreground / Text

Border Highlight

Hover State (Border Only)

03. Buttons

rounded-full bg-white text-black

rounded-full border-white/20

variant="ghost"

04. Cards (The Standard)

Standard Card

This is the standard card style. Pitch black background. 1px border (white/10). On hover, border lightens to white/20 AND a subtle gradient overlay (white/5 to transparent) fades in.

COMPLIANT

Incorrect Style

Do not use gray backgrounds (bg-white/5) or background hover effects. This dilutes the "pitch black" premium feel.

✕ DO NOT USE