Milano

Character

Type

Bodoni Moda for display and figures, Titillium Web for interface, IBM Plex Mono for data.

Shape

Pill-shaped controls, softly rounded 13–21px cards, warm diffused shadows.

Motion

Lively: 144–377ms with a light overshoot on moving parts.

Suits

Lifestyle and design brands, food and travel, boutique banking, premium marketplaces.

Install

pnpm add @fontsource-variable/bodoni-moda @fontsource/titillium-web @fontsource/ibm-plex-mono

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

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

Showcase

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