ground
The design system and visual identity behind Firmly — Svelte 5 components on one set of semantic tokens, light and dark from the same names, and the brand they are drawn from.
Currently in Beta · Built on Svelte 5, Tailwind 4 and bits-ui
Branding
Firmly’s identity, and the tokens it becomes: the wordmark, the palette, and the type scale.
Getting started
One import for the tokens, one for the components. What an app is expected to do, and what it must never do.
Patterns
The rulebook behind every screen: surfaces, fields, selected states, table shape, sizing. Read it before building a page.
Components
44 components, with props and prose read straight from the source.
Blocks
Whole pages assembled from the catalog — dashboards, tables, forms, storefront, checkout.