Loading Lumist Type...
Lumist Type allows you to define independent heading and body font rules, test them in a real-time mockup using your actual brand colors, and export clean CSS size scales instantly.
Say goodbye to guessing font sizes. Type uses exponential math (like the Golden Ratio or Major Thirds) to generate perfectly proportioned CSS scales.
Don't just look at random text strings. Preview your generated scales directly inside a highly realistic SaaS dashboard layout in real-time.
Because Lumist is an ecosystem, you can seamlessly load Brand Palettes extracted in Lumist Hue directly into your Typography mockups via IndexedDB.
The architecture powering Lumist Type.
By utilizing a shared IndexedDB context across the Lumist suite, Type can securely pull in brand palettes you saved inside Lumist Hue, instantly updating the live mockup without requiring external state management.
Calculates CSS rem scales using exponential ratio math mapped precisely to a baseline root size. It automatically injects external Google Fonts in real-time.
Yes! If you analyze a brand using Lumist Hue and save it to your local database, you can load it directly into Type's Live UI Mockup.
A modular scale is a sequence of numbers that relate to one another in a meaningful way (like the Golden Ratio). Using a scale ensures your H1 down to your paragraph text are perfectly, mathematically proportioned.