Skip to content
Library

AIUC. A white page ruled with hairline rules, topped by a single pale-blue mountain photograph.

  • AI
  • Light theme
  • 9 colors
  • 4 typefaces

AIUC operates as a Swiss-style editorial system: white canvas, near-achromatic palette, and one whisper of icy blue that lives only in the hero photograph and a single cool surface tint. Typography does the heavy lifting — Almarai at weight 300 with tight negative tracking carries every headline, while ABC Diatype Semi-Mono punctuates labels and links with quiet technicality. Components are flat, hairline-bordered, and 4px-rounded; the only chromatic surface is the landscape hero. The overall feel is the trust language of a law firm or underwriter: restrained, confident, almost print-like.

Screenshot of AIUC
Captured from aiuc.com on October 11, 2026

AIUC design system

AIUC

Accent1

  • Hero photograph cool wash, decorative ice-blue accent — appears only as a near-gray atmospheric tint, not a saturated brand color

Neutrals8

  • Hairline borders, icon strokes, fine dividers — the linework that structures the page

  • Primary text, heading text, filled CTA buttons, dark feature cards

  • Secondary text, link text, default link borders — slightly softer than Obsidian for body copy

  • Tertiary text, muted helper copy

  • Mid-gray borders and subdued supporting text

  • Lighter borders, inactive dividers

  • Subtle surface tint, muted block backgrounds, very light washes

  • Page background, card surfaces, primary surface for all content blocks

Try a pairing

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

Aa

Ink on Glacier Tint

15.52 : 1 contrast

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

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