Foundations
Design Tokens
Forma's foundations are the atomic building blocks shared across every Kaptio product. Colors, typography, spacing, and shadows — all defined as tokens that flow from CSS custom properties through Tailwind and into Figma.
Colors
Primary teal, yellow CTA, pink accent, orange, neutrals, and semantic palette.
Typography
Lexend type scale, weights, and specimens for every heading and body level.
Spacing
The 4px-based spacing scale and layout grid.
Shadows
Elevation system from subtle to prominent.
Token Reference
Raw token list with CSS variables, JSON, and Figma export.