UI Density
Color Scheme

Button Component

Headline Component

Headline 4XL

Headline 3XL

Headline 2XL

Headline XL

Headline L
Headline M

Headline s

Headline with accent

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.

Hint Partial

This is a hint.

This is a disabled hint.

Indicator Partial

123
123
123
123
999+

Input Partial

$
$%

Label Partial

Message Partial

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