Theme
Spacing
Spacing and border radius scales for consistent layout rhythm and visual hierarchy.
Purpose
The spacing system provides a consistent scale for margins, padding, and gaps. Following Neo-Minimal principles, whitespace is treated as **invisible structure** that creates hierarchy and controls reading flow.
Tokens
Full
| Token | Light | Description |
|---|---|---|
--luma-radius-full | 9999px | Full border radius (circular) |
Lg
| Token | Light | Description |
|---|---|---|
--luma-spacing-lg | 1.5rem | Large spacing (24px) |
--luma-radius-lg | 18px | Large border radius |
Md
| Token | Light | Description |
|---|---|---|
--luma-spacing-md | 1rem | Medium spacing (16px) |
--luma-radius-md | 10px | Medium border radius |
Sm
| Token | Light | Description |
|---|---|---|
--luma-spacing-sm | 0.5rem | Small spacing (8px) |
--luma-radius-sm | 6px | Small border radius |
Xl
| Token | Light | Description |
|---|---|---|
--luma-spacing-xl | 2.5rem | Extra large spacing (40px) |
Xs
| Token | Light | Description |
|---|---|---|
--luma-spacing-xs | 0.25rem | Extra small spacing (4px) |