Skip to content
Library

Aira. Warm photography, ink type, whisper-quiet UI.

  • SaaS
  • Light theme
  • 10 colors
  • 2 typefaces

Aira uses an editorial-monochrome language: warm photographic atmospherics over a near-achromatic UI built on a single off-white canvas and ink-black type. The signature move is the serif display face (Gestura) paired against Inter for everything functional — a serif headline at 56-72px makes a fintech-adjacent AI tool feel like a Sunday business paper, not a dashboard. The interface stays paper-quiet: pill buttons, hairline borders, one dark surface per section, and almost no chromatic accent — the single warm photographic hero carries all the emotional temperature. Color appears only as the absence of color, so contrast (white → near-black) and material (soft shadow, gentle radius) do the heavy lifting that a typical SaaS palette would.

Screenshot of Aira
Captured from aira.app on October 11, 2026

Aira design system

Aira

Neutrals10

  • Hardest text and button fills where pure black is needed for contrast over warm photography

  • Body and heading text at maximum weight, dark hero overlays, icon strokes

  • High-contrast neutral action fill for primary buttons on light surfaces.

  • Primary borders, hairline dividers, link underlines, heading accents

  • Mid-weight button borders, heavy outlines on dark surfaces

  • Secondary body text, helper copy, muted icon strokes

  • Disabled button borders, low-emphasis outlines, decorative hairlines

  • Badge fills, input borders, tag backgrounds — the lightest non-canvas neutral

  • Elevated card backgrounds, subtle surface lift above the canvas

  • Primary canvas, card surfaces, button text, input fills

Try a pairing

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

Aa

Bone White on Press Black

19.20 : 1 contrast

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

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