Skip to content
Library

Aurora. A clean white cockpit looking out onto a sunlit highway, one electric blue dial on the dashboard.

  • AI
  • Light theme
  • 10 colors
  • 2 typefaces

Aurora's interface is an open highway: a white canvas stretching wide, deep navy type that reads like road markings, and a single electric blue accent that signals action like a turn signal. The hero is a full-bleed dashcam perspective with a 90px white headline overlaid — the photography carries the emotional weight, the UI stays out of the way. Below the fold, surfaces shift to cool pale-gray cards, paragraphs reveal themselves word-by-word as the user scrolls, and the signature cyan-to-cobalt gradient is reserved for the moments that should feel like the brand's namesake — rare, vivid, always purposeful. Everything is rectilinear with 8px corners, no shadows, no decorative flourishes; depth comes from layering color and scale, never from elevation.

Screenshot of Aurora
Captured from aurora.tech on October 11, 2026

Aurora design system

Aurora

Brand2

  • Primary text, nav text, heading fills, dark image borders, section backgrounds — the dominant ink of the system, never pure black

  • Primary action backgrounds, filled CTA buttons, active nav state, circular icon buttons, link accents on dark surfaces — vivid cobalt that earns the click; Signature gradient for brand-defining moments — the only place cyan appears, anchoring the visual identity

Accent1

  • Gradient stop for the Aurora signature gradient — never used as a solid fill, only as the opening note of the spectrum

Neutrals7

  • Icon fills on light surfaces, full-bleed dark section fallback, logo mark — used sparingly, Horizon Navy handles most dark work

  • Tertiary text and link borders in body contexts — a half-step darker than Slate for slight emphasis

  • Secondary body text, muted helper copy, inactive meta — cool gray that recedes behind Horizon Navy

  • Heading underline, hairline borders on text-adjacent elements — the lightest visible stroke in the system

  • Section dividers, card borders, footer separators — barely-there cool gray for structural separation

  • Card surfaces, secondary panel backgrounds, subtle highlight washes — the first step off pure white

  • Page canvas, nav background, card fill, button text on Signal Blue — the base everything else floats on

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Paper White on Horizon Navy

17.94 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.