Cegid logo
Design System
Interaction StatesSize

Typography

CdsTypographyHeadline1Family

Poppins, 'Helvetica', 'Arial', sans-serif

CdsTypographyHeadline1FontSize

56px

CdsTypographyHeadline1FontWeight

300

CdsTypographyHeadline1LineHeight

80px

CdsTypographyHeadline1LetterSpacing

-2px

CdsTypographyHeadline2Family

Poppins, 'Helvetica', 'Arial', sans-serif

CdsTypographyHeadline2FontSize

48px

CdsTypographyHeadline2FontWeight

300

CdsTypographyHeadline2LineHeight

64px

CdsTypographyHeadline2LetterSpacing

-1px

CdsTypographyHeadline3Family

Poppins, 'Helvetica', 'Arial', sans-serif

CdsTypographyHeadline3FontSize

38px

CdsTypographyHeadline3FontWeight

400

CdsTypographyHeadline3LineHeight

54px

CdsTypographyHeadline3LetterSpacing

-0.75px

CdsTypographyHeadline4Family

Poppins, 'Helvetica', 'Arial', sans-serif

CdsTypographyHeadline4FontSize

32px

CdsTypographyHeadline4FontWeight

400

CdsTypographyHeadline4LineHeight

44px

CdsTypographyHeadline4LetterSpacing

-0.75px

CdsTypographyHeadline5Family

Poppins, 'Helvetica', 'Arial', sans-serif

CdsTypographyHeadline5FontSize

24px

CdsTypographyHeadline5FontWeight

400

CdsTypographyHeadline5LineHeight

34px

CdsTypographyHeadline5LetterSpacing

-0.25px

CdsTypographyHeadline6Family

Poppins, 'Helvetica', 'Arial', sans-serif

CdsTypographyHeadline6FontSize

20px

CdsTypographyHeadline6FontWeight

600

CdsTypographyHeadline6LineHeight

28px

CdsTypographyHeadline6LetterSpacing

-0.25px

CdsTypographySubtitle1Family

'Roboto', 'Helvetica', 'Arial', sans-serif

CdsTypographySubtitle1FontSize

16px

CdsTypographySubtitle1FontWeight

400

CdsTypographySubtitle1LineHeight

21px

CdsTypographySubtitle1LetterSpacing

0.15px

CdsTypographySubtitle2Family

'Roboto', 'Helvetica', 'Arial', sans-serif

CdsTypographySubtitle2FontSize

14px

CdsTypographySubtitle2FontWeight

500

CdsTypographySubtitle2LineHeight

22px

CdsTypographySubtitle2LetterSpacing

0.1px

CdsTypographyBody1Family

'Roboto', 'Helvetica', 'Arial', sans-serif

CdsTypographyBody1FontSize

16px

CdsTypographyBody1FontWeight

400

CdsTypographyBody1LineHeight

28px

CdsTypographyBody1LetterSpacing

0.5px

CdsTypographyBody2Family

'Roboto', 'Helvetica', 'Arial', sans-serif

CdsTypographyBody2FontSize

14px

CdsTypographyBody2FontWeight

400

CdsTypographyBody2LineHeight

20px

CdsTypographyBody2LetterSpacing

0.25px

CdsTypographyLabelFamily

Poppins, 'Helvetica', 'Arial', sans-serif

CdsTypographyLabelFontSize

14px

CdsTypographyLabelFontWeight

500

CdsTypographyLabelLineHeight

20px

CdsTypographyLabelLetterSpacing

0.5px

CdsTypographyCaptionFamily

'Roboto', 'Helvetica', 'Arial', sans-serif

CdsTypographyCaptionFontSize

12px

CdsTypographyCaptionFontWeight

400

CdsTypographyCaptionLineHeight

16px

CdsTypographyCaptionLetterSpacing

0.4px

CdsTypographyOverlineFamily

Poppins, 'Helvetica', 'Arial', sans-serif

CdsTypographyOverlineFontSize

11px

CdsTypographyOverlineFontWeight

600

CdsTypographyOverlineLineHeight

16px

CdsTypographyOverlineLetterSpacing

1.83px

CdsTypographyButtonFamily

Poppins, 'Helvetica', 'Arial', sans-serif

CdsTypographyButtonFontSize

14px

CdsTypographyButtonFontWeight

600

CdsTypographyButtonLineHeight

20px

CdsTypographyButtonLetterSpacing

0.5px

Headline-1

family

CdsTypographyHeadline1Family

Poppins, 'Helvetica', 'Arial', sans-serif
font-size

CdsTypographyHeadline1FontSize

56px
font-weight

CdsTypographyHeadline1FontWeight

300
line-height

CdsTypographyHeadline1LineHeight

80px
letter-spacing

CdsTypographyHeadline1LetterSpacing

-2px

Headline-2

family

CdsTypographyHeadline2Family

Poppins, 'Helvetica', 'Arial', sans-serif
font-size

CdsTypographyHeadline2FontSize

48px
font-weight

CdsTypographyHeadline2FontWeight

300
line-height

CdsTypographyHeadline2LineHeight

64px
letter-spacing

CdsTypographyHeadline2LetterSpacing

-1px

Headline-3

family

CdsTypographyHeadline3Family

Poppins, 'Helvetica', 'Arial', sans-serif
font-size

CdsTypographyHeadline3FontSize

38px
font-weight

CdsTypographyHeadline3FontWeight

400
line-height

CdsTypographyHeadline3LineHeight

54px
letter-spacing

CdsTypographyHeadline3LetterSpacing

-0.75px

Headline-4

family

CdsTypographyHeadline4Family

Poppins, 'Helvetica', 'Arial', sans-serif
font-size

CdsTypographyHeadline4FontSize

32px
font-weight

CdsTypographyHeadline4FontWeight

400
line-height

CdsTypographyHeadline4LineHeight

44px
letter-spacing

CdsTypographyHeadline4LetterSpacing

-0.75px

Headline-5

family

CdsTypographyHeadline5Family

Poppins, 'Helvetica', 'Arial', sans-serif
font-size

CdsTypographyHeadline5FontSize

24px
font-weight

CdsTypographyHeadline5FontWeight

400
line-height

CdsTypographyHeadline5LineHeight

34px
letter-spacing

CdsTypographyHeadline5LetterSpacing

-0.25px

Headline-6

family

CdsTypographyHeadline6Family

Poppins, 'Helvetica', 'Arial', sans-serif
font-size

CdsTypographyHeadline6FontSize

20px
font-weight

CdsTypographyHeadline6FontWeight

600
line-height

CdsTypographyHeadline6LineHeight

28px
letter-spacing

CdsTypographyHeadline6LetterSpacing

-0.25px

Subtitle-1

family

CdsTypographySubtitle1Family

'Roboto', 'Helvetica', 'Arial', sans-serif
font-size

CdsTypographySubtitle1FontSize

16px
font-weight

CdsTypographySubtitle1FontWeight

400
line-height

CdsTypographySubtitle1LineHeight

21px
letter-spacing

CdsTypographySubtitle1LetterSpacing

0.15px

Subtitle-2

family

CdsTypographySubtitle2Family

'Roboto', 'Helvetica', 'Arial', sans-serif
font-size

CdsTypographySubtitle2FontSize

14px
font-weight

CdsTypographySubtitle2FontWeight

500
line-height

CdsTypographySubtitle2LineHeight

22px
letter-spacing

CdsTypographySubtitle2LetterSpacing

0.1px

Body-1

family

CdsTypographyBody1Family

'Roboto', 'Helvetica', 'Arial', sans-serif
font-size

CdsTypographyBody1FontSize

16px
font-weight

CdsTypographyBody1FontWeight

400
line-height

CdsTypographyBody1LineHeight

28px
letter-spacing

CdsTypographyBody1LetterSpacing

0.5px

Body-2

family

CdsTypographyBody2Family

'Roboto', 'Helvetica', 'Arial', sans-serif
font-size

CdsTypographyBody2FontSize

14px
font-weight

CdsTypographyBody2FontWeight

400
line-height

CdsTypographyBody2LineHeight

20px
letter-spacing

CdsTypographyBody2LetterSpacing

0.25px

Label

family

CdsTypographyLabelFamily

Poppins, 'Helvetica', 'Arial', sans-serif
font-size

CdsTypographyLabelFontSize

14px
font-weight

CdsTypographyLabelFontWeight

500
line-height

CdsTypographyLabelLineHeight

20px
letter-spacing

CdsTypographyLabelLetterSpacing

0.5px

Caption

family

CdsTypographyCaptionFamily

'Roboto', 'Helvetica', 'Arial', sans-serif
font-size

CdsTypographyCaptionFontSize

12px
font-weight

CdsTypographyCaptionFontWeight

400
line-height

CdsTypographyCaptionLineHeight

16px
letter-spacing

CdsTypographyCaptionLetterSpacing

0.4px

Overline

family

CdsTypographyOverlineFamily

Poppins, 'Helvetica', 'Arial', sans-serif
font-size

CdsTypographyOverlineFontSize

11px
font-weight

CdsTypographyOverlineFontWeight

600
line-height

CdsTypographyOverlineLineHeight

16px
letter-spacing

CdsTypographyOverlineLetterSpacing

1.83px

Button

family

CdsTypographyButtonFamily

Poppins, 'Helvetica', 'Arial', sans-serif
font-size

CdsTypographyButtonFontSize

14px
font-weight

CdsTypographyButtonFontWeight

600
line-height

CdsTypographyButtonLineHeight

20px
letter-spacing

CdsTypographyButtonLetterSpacing

0.5px