Maison

Character

Type

Cormorant Garamond for display and figures, Jost for interface, DM Mono for data. Wide-tracked capitals.

Shape

Square corners everywhere, crisp hairlines, flat surfaces with no shadow.

Motion

Slow and composed: 233–610ms, gentle ease-in-out.

Suits

Fashion and beauty, private clubs, hospitality, high-end retail and concierge services.

Install

pnpm add @fontsource-variable/cormorant-garamond @fontsource-variable/jost @fontsource/dm-mono

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

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

Showcase

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