Themes
Theme Builder
Customize palettes, typography, radius, and density — then preview components in light and dark mode before exporting tokens to your app.
Live preview
Product workspace
Changes are scoped to this canvas.
Typography
Ship a consistent brand in minutes
Your body font, base size, and line height apply to every text style below — headings, paragraphs, and inline code all inherit the same foundation.
Line height controls the vertical rhythm between wrapped lines, so it only shows up in multi-line copy like this paragraph. Raise it for airier, more readable long-form text; tighten it for dense dashboards where vertical space is at a premium. Adjust the base font size to scale the whole specimen together.
import "@loomdev-pro/themes/css/brand.css"; FontInter Base size14px Line height1.5
Corner radius
Radius tokens flow into every surface — cards, panels, and buttons round together as you change the profile.
Small6px
Medium8px
Large12px
Buttons
Tags & alerts
Form