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