Design System Phase 2
The Calixo UI kit
Every primitive the platform is built from. Toggle the theme in the header — each component is designed for light and dark.
Color tokens
brand-600
brand-500
brand-300
emerald
orange
rose
surface
elevated
Typography
Calculate smarter
Section heading
Body text sets the reading rhythm — comfortable line height, balanced measure, and a neutral foreground that stays legible on every surface.
Muted secondary text for hints and metadata.
EMI = P·r·(1+r)ⁿ / ((1+r)ⁿ − 1)
Buttons
Badges
Neutral New +23% Trending Beta
Form controls
₹
The total amount you borrow.
% p.a.
Minimum loan is ₹1,000.
20 years
Cards
Result panel & tabs
Monthly EMI
₹8,678
Total Interest
₹10,82,720
Total Payment
₹20,82,720
Monthly rate0.708%
Months240
Principal₹10,00,000
Charts hydrate lazily on the real calculator page.
Tooltip, Kbd, Skeleton
What is EMI? Equated Monthly Installment
Press ⌘ K to search