Documentation
Logo
Convertiv Sample Blocks logo used for all digital and offline materials.
Colors
Color palette, semantic tokens, and usage guidelines across light and dark surfaces.
Typography
Typographic scale, font families, sizes, weights, and line heights.
Spacing
Consistent spacing scale for margins, paddings, and layout gaps.
Grid
Page layout system with columns, gutters, breakpoints, and device sizes.
Effects
Shadows, blurs, and other visual effects used across components.
Icons
Downloadable icon library for use in digital products and materials.
Border Radius
Corner radius scale from sharp to fully rounded, applied to buttons, cards, and inputs.
Motion
Duration and easing tokens for consistent, intentional animation across the system.
Elevation
Z-index scale for layering overlays, modals, dropdowns, and sticky elements.