Foundations
Spacing
A 4px-based scale. Every spacing value is a multiple of 4px (0.25rem), creating consistent vertical and horizontal rhythm across all Kaptio products.
--forma-space-1 0.25rem (4px)
Tight gaps
--forma-space-2 0.5rem (8px)
Inline spacing
--forma-space-3 0.75rem (12px)
Compact padding
--forma-space-4 1rem (16px)
Default gap
--forma-space-5 1.25rem (20px)
--forma-space-6 1.5rem (24px)
Card padding
--forma-space-8 2rem (32px)
Section gap
--forma-space-10 2.5rem (40px)
--forma-space-12 3rem (48px)
Large section gap
--forma-space-16 4rem (64px)
Page section
--forma-space-20 5rem (80px)
--forma-space-24 6rem (96px)
Hero spacing