Skip to design details
AuraUIGitHub
← ALL DESIGNSCAPTURE / 20

Minimal · Commerce · Bold Type

Nike

A spacious commerce system built around monochrome controls, oversized typography, generous gutters and large media presentation.

Download design.mdOpen preview ↗

Preview

auraui.cc / preview / nike

↗

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

Background#FFFFFF

Foreground#111111

Surface#F5F5F5

Border#707072

Typography

DisplaySans Serif

500 / 76px · oversized campaign type

BodySans Serif

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