Monolith

Character

Type

Geist for everything, Geist Mono for figures. Tight, confident headings.

Shape

Soft 5–21px corners, layered low shadows, near-invisible borders.

Motion

Crisp and short: 144–377ms, standard ease.

Suits

SaaS, dashboards, developer and productivity tools, neo-banks.

Install

pnpm add @fontsource-variable/geist @fontsource-variable/geist-mono

<script>
  import { UIProvider } from 'sveltier';
  import { monolith } from 'sveltier/themes/monolith';
  let { children } = $props();
</script>

<UIProvider themes={monolith}>
  {@render children()}
</UIProvider>

Showcase

The same sample screen in both themes of the pack. Everything is interactive.