Skip to design details
AuraUIGitHub
← ALL DESIGNSCAPTURE / 25

Minimal · Monochrome · Soft Color

xAI Light

A spacious light AI system with centered hero content, monochrome controls, restrained borders and softly tinted surfaces.

Download design.mdOpen preview ↗

Preview

auraui.cc / preview / xai-light

↗

Design Principles

  1. 01

    Use the captured semantic tokens as the visual foundation.

  2. 02

    Preserve the source system’s spacing rhythm and type hierarchy.

  3. 03

    Apply accent color deliberately to actions and emphasis.

  4. 04

    Keep surfaces, borders and corner treatments consistent.

Colors

Primary#0A0A0A

Background#FFFFFF

Foreground#0A0A0A

Surface#F9F8F6

Accent#B34FE8

Typography

DisplayUniversal Sans Display

500 / 60px · restrained authority

BodyUniversal Sans

400 / 16px · quiet utility

Components

  • Actions↗
  • Form controls↗
  • Selection controls↗
  • Notices↗
  • Progress↗
  • Toasts↗

Patterns

  • Semantic tokens◆
  • Responsive spacing◆
  • Type hierarchy◆
  • Surface layering◆
  • Accessible controls◆
READY TO USE

Give your agent a point of view.

Download the complete specification and add it to your project context.

Download design.md