Typography is used to create clear hierarchies, useful organizations, and purposeful alignments that guide users through the product and experience. It is the core structure of any well designed interface.
Typeface: Arial
Verint uses the industry standardised sans-serif typeface, Arial. It has been carefully chosen to meet Verint's needs as a global technology company and design principles. Through it's industry proliferation, the Arial typeface comes pre-installed and has been optimized to run on the majority of devices, operating systems and web browsers.
Verint font-stack
| Code Block |
|---|
|
font-family: Arial, sans-serif; |
Type Scale
| rem | px | Actual size |
|---|
| 0.75rem | 12 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 12px;">Good design is good business</span> |
|
| 0.875rem | 14 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 12px;">Good design is good business</span> |
|
| 1rem | 16 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 16px;">Good design is good business</span> |
|
| 1.125rem | 18 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 18px;">Good design is good business</span> |
|
| 1.25rem | 20 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 20px;">Good design is good business</span> |
|
| 1.5rem | 24 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 24px;">Good design is good business</span> |
|
| 1.75rem | 28 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 28px;">Good design is good business</span> |
|
| 2rem | 32 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 32px;">Good design is good business</span> |
|
| 2.25rem | 36 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 36px;">Good design is good business</span> |
|
| 2.625rem | 42 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 42px;">Good design is good business</span> |
|
| 3rem | 48 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 48px;">Good design is good business</span> |
|
| 3.375rem | 54 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 54px;">Good design is good business</span> |
|
| 3.75rem | 60 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 60px;">Good design is good business</span> |
|
| 4.25rem | 68 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 68px;">Good design is good business</span> |
|
| 4.75rem | 76 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 76px;">Good design is good business</span> |
|
| 5.25rem | 84 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 84px;">Good design is good business</span> |
|
| 5.75rem | 92 px |
| Html macro |
|---|
<span style="font-family: arial; font-size: 92px;">Good design is good business</span> |
|