Aura Platform · 8 Applications · One Visual Language
Every color, every type scale, every component. The complete Aura design language — built once, enforced everywhere. No drift. No exceptions.
Brand Colors
Three families. Fifteen tokens. A complete visual language.
bg-teal/30 resolves via color-mix(). No rgba() workaround needed.
Typography
Montserrat for headings. Aptos/Inter for body. JetBrains Mono for code.
Heading Scale — Montserrat
Body — Aptos / Inter
The Aura platform serves 8 applications with one consistent visual language. Every pixel is intentional. Every color is purposeful.
Muted body text for supporting content and descriptions. Line height 1.7 for comfortable reading.
Mono — JetBrains Mono
--color-orange: #FF8200;bg-teal/30 ← works in v4!@theme inline { ... }Components
Status indicators and category tags. Consistent color mapping.
Status Badges
Category Badges
Components
Three card types. All share the same foundation.
White bg, blue-20 border, xl radius, sm shadow. The baseline for all content cards.
Lifts on hover. Border darkens to blue-40. Shadow deepens to md.
Total Content
pieces published this quarter
Components
Clean, professional form design. Light and dark variants.
Signature Patterns
The micro-patterns that make Aura feel like Aura.
Orange Dot Punctuation
Every h1–h4 — without exception.
Branded Loading Dots
Navy → Teal → Orange
In a button (loading state)
Action Balls
Hover delete to see red transition.
Section Rhythm