...
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. It is regarded as a web safe font.
Verint font-stack
| Code Block |
|---|
|
font-family: Arial, sans-serif; |
...
| 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> |
|
Typographic treatments
Font weight
Font weight is an important typographic style that can add emphasis and is used to differentiate content hierarchy. Font weight and size pairings must be carefully balanced. A bold weight will always have more emphasis than a lighter weight font of the same size. However, a lighter weight font can rank hierarchically higher than a bold font if the lighter weight type size is significantly larger than the bold.
Verint allows for a wide range of weights. However, only Semi-Bold, Regular, Light should be used for product design.
| Weight | Example |
|---|
| Font-weight: 300 / Light |
| Html macro |
|---|
<span style="font-family: arial; font-size: 62px; font-weight: 300;">Light 300</span> |
|
| Font-weight: 400 / Normal |
| Html macro |
|---|
<span style="font-family: arial; font-size: 62px; font-weight: 400;">Normal 400</span> |
|
| Font-weight: 600 / Semi-bold |
| Html macro |
|---|
<span style="font-family: arial; font-size: 62px; font-weight: 600;">Semi-bold 600</span> |
|