Skip to content
Library

Aaru. Particle-field observatory at midnight.

  • AI
  • Dark theme
  • 9 colors
  • 2 typefaces

Aaru operates as a dark-mode scientific observatory: pure black canvas interrupted by one vivid electric-blue section and a single acid-yellow-green accent that reads like an instrument-panel indicator light. Typography is deliberately inverted from convention — weight 330 ultra-light runs through every role, body text carries positive letter-spacing (0.025–0.080em) for a data-label cadence, and only display headings tighten to negative tracking. Surfaces are flat and shadowless; hierarchy is built through thin 1px borders, generous whitespace, and numbered annotations rather than elevation. The visual language is terminal, measured, and anti-decorative — every element earns its place like a readout on a control panel.

Screenshot of Aaru
Captured from aaru.com on October 11, 2026

Aaru design system

Aaru

Brand2

  • Primary action fill (CTA buttons), announcement bar background, and the sole warm accent — acid yellow-green against black creates instant focal hierarchy

  • Section background and chromatic border accent — vivid electric violet-blue that shifts the entire page into instrument-mode for feature blocks

Neutrals7

  • Page canvas, primary background — the dominant surface across all dark sections

  • Elevated surface for nav borders, button outlines, and secondary structural elements against the black canvas

  • Subtle raised surface for cards or containers sitting on the black canvas — the lightest neutral step before chromatic sections

  • Body text borders and the quietest readable gray — used where content recedes into the background

  • Medium-contrast borders, control outlines, and structural separators. Do not promote it to the primary CTA color

  • Muted helper text, icon strokes, and secondary surface fills

  • Primary text, hairline borders on dark sections, and inverted backgrounds — the most-used color after black

Try a pairing

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

Aa

Void Black on Reactor Lime

18.34 : 1 contrast

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

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