UI Density
Color Scheme

Headline Component

Headline 4XL

Headline 3XL

Headline 2XL

Headline XL

Headline L

Headline M

Headline s

Headline with

Headline with div tag

Headline with p tag

Headline with span tag

Link Component

Default Link Secondary Link Small Link Link Icon Before Link Icon After

Text Component

Body Text, e.g. with around 155,000 employees worldwide, the Allianz Group serves 126 mn customers in more than 70 countries. On the insurance side, Allianz is the market leader in the German market and has a strong international presence.

Secondary Body Text, e.g. with around 155,000 employees worldwide, the Allianz Group serves 126 mn customers in more than 70 countries. On the insurance side, Allianz is the market leader in the German market and has a strong international presence.

Small Body Text, e.g. with around 155,000 employees worldwide, the Allianz Group serves 126 mn customers in more than 70 countries. On the insurance side, Allianz is the market leader in the German market and has a strong international presence.

Large Body Text, e.g. with around 155,000 employees worldwide, the Allianz Group serves 126 mn customers in more than 70 countries. On the insurance side, Allianz is the market leader in the German market and has a strong international presence.

This is a hint. This is a disabled hint.

Indicator Partial

123
123
123
123

Input Partial

Input with placeholder Input with prefix Input with prefix and postfix Read-only input Critical input Disabled input Password input 999

Label Partial

Message Partial

This is a critical message.
This is a warning message.
This is a positive message.
This is an info message.