Amelise SquadV1.0 Dark Bloom Edition
SPACING SCALE
8-POINT GRID · SEMANTIC TOKENS · LAYOUT SYSTEM // 2026
Foundations / Spacing10 Tokens2026
01SPACING SCALE2026
Spacing Scale — Base 8
--space-xs
0.25rem4px
--space-sm
0.5rem8px
--space-md
1rem16px
--space-lg
1.5rem24px
--space-xl
2rem32px
--space-2xl
3rem48px
--space-3xl
4rem64px
02SEMANTIC SPACING2026
Semantic Spacing Tokens
--space-page24px1.5rem
Default page padding
--space-section48px3rem
Gap between major sections
--space-grid16px1rem
Default grid gap
03LAYOUT EXAMPLES2026
Layout Examples
Card Component
Uses space-md (16px) for inner padding
Content area with standard spacing