Skip to content
anwalt.de Design Systemanwalt.de Design System

Typography

Typeface

Section titled “Typeface”

CI export — Kumbh Sans is the Corporate CI sans-serif (--ci-font-sans). This docs site bundles it via @fontsource/kumbh-sans (weights 400, 500, 600). In your app, use @nuxt/fonts, Fontsource, Google Fonts, or self-hosted files.

Kumbh Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 

font-family: var(--ci-font-sans);
/* 'Kumbh Sans', ui-sans-serif, system-ui, sans-serif */

Heading scale

Section titled “Heading scale”

Nuxt UI — reference scale on this site (docs-tokens.css). In Nuxt apps use semantic heading utilities and Tailwind text sizes.

Manage client information securely

Case intelligence for your law firm

Upload and analyse documents

Sources and collections

Recent activity
As of 15 July 2026
Element CSS variable (size) Size Weight Line height Source
h1 --ci-font-size-h1 2.25rem (36px) 600 1.25 Nuxt UI
h2 --ci-font-size-h2 1.875rem (30px) 600 1.25 Nuxt UI
h3 --ci-font-size-h3 1.5rem (24px) 600 1.25 Nuxt UI
h4 --ci-font-size-h4 1.25rem (20px) 600 1.25 Nuxt UI
h5 --ci-font-size-h5 1.125rem (18px) 600 1.25 Nuxt UI
h6 --ci-font-size-h6 1rem (16px) 500 1.25 Nuxt UI

Body & UI sizes

Section titled “Body & UI sizes”

Nuxt UI — utility scale for labels, body copy, and compact UI. In apps use Tailwind text-* / Nuxt UI defaults — not exported from @anwalt.de/ci-tokens.

--ci-font-size-2xl Large intro text
--ci-font-size-xl Emphasised paragraph
--ci-font-size-lg Lead text for introductions
--ci-font-size-md Default body copy for forms, help, and chat.
--ci-font-size-sm Secondary hints and metadata
--ci-font-size-xs Captions, badges, table headers

Body paragraph

Section titled “Body paragraph”

Default reading text: 16px / regular / line-height 1.5.

Example section

Corporate applications help professionals work with confidence. Body copy uses --ci-font-size-md and --ci-line-height-normal. Links use --ci-color-text-link.

Muted supporting text for timestamps, help hints, or de-emphasised labels (--ci-color-text-muted).

Font weights

Section titled “Font weights”

Regular (400) — body copy

Medium (500) — labels, H6

Semibold (600) — headings, buttons

Token CSS variable Value
Regular --ci-font-weight-regular 400
Medium --ci-font-weight-medium 500
Semibold --ci-font-weight-semibold 600

Line heights

Section titled “Line heights”

Tight (1.25) — headings and compact UI lines.

Normal (1.5) — default body copy for longer paragraphs and form help.

Relaxed (1.625) — optional for long-form reading or documentation.

Section titled “Related”