SECT_01 // SPACING_SCALE
Spacing Scale
14 passos. 4px baseline · 8px rhythm. Toda métrica é múltipla do baseline. Densidade é feature.
space-10.25rem4px
space-20.5rem8px
space-30.75rem12px
space-41rem16px
space-51.25rem20px
space-61.5rem24px
space-72rem32px
space-82.5rem40px
space-93rem48px
space-104rem64px
space-115rem80px
space-126rem96px
space-138rem128px
space-1410rem160px
REF: SPACE_NUM_001
SECT_02 // BREAKPOINTS
Breakpoints
3 tiers · mobile-first. Container max 1440px · reading 1200px.
Mobile
< 768px
--bp-mobile
Tablet
768px
--bp-tablet
Desktop
1200px
--bp-desktop
REF: SPACE_BP_001
SECT_03 // Z_INDEX
Z-Index Stack
5 camadas canônicas. Steps de 100. Não invente novos níveis.
Nav
100
--layer-nav
Dropdown
200
--layer-dropdown
Overlay
300
--layer-overlay
Modal
400
--layer-modal
Toast
500
--layer-toast
REF: SPACE_LAYER_001