904 B
904 B
Layout Guidelines
This section presents the design tokens used throughout the VUER UI Kit, focusing on spacing and border radius values.
Spacing Scale
The spacing system uses a 4px base unit to ensure consistent spacing across the interface.
| Variable | Value |
|---|---|
--spacing-xxs |
2px |
--spacing-xs |
4px |
--spacing-sm |
6px |
--spacing-md |
8px |
--spacing-lg |
12px |
--spacing-xl |
16px |
Border Radius Scale
The border radius system provides standardized rounded corners for components throughout the design system.
| Variable | Value |
|---|---|
--radius-uk-xs |
4px |
--radius-uk-sm |
6px |
--radius-uk-md |
8px |
--radius-uk-lg |
12px |
--radius-uk-xl |
16px |
These design tokens serve as foundational building blocks for creating visual consistency and maintaining rhythm within VUER UI Kit components.