Skip to design details
AuraUIGitHub
← ALL DESIGNSCAPTURE / 18

Monochrome · Commerce · Editorial

Alo

A monochrome commerce system with spacious white navigation, strong black content surfaces and compact line-based controls.

Download design.mdOpen preview ↗

Preview

auraui.cc / preview / alo

↗

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#000000

Background#FFFFFF

Surface#000000

Border#ECECEC

Muted#777777

Typography

DisplayProxima Nova

600 / 32px · precise commerce hierarchy

BodyProxima Nova

400 / 16px · compact 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