Typography

Typography v2.0.0 #

Body Typography #

The following illustration showing the 12 Body fonts all we have in Gellix-Latin and Sans-arabic.

Below rows represents a the difference between Body Large and Body small typography:

- All BodyLargeRegular : This font is (size = 17.sp ,lineHeight = 24.sp) and differ in weights(Latin = medium , Arabic = normal).
- All BodyLargeSemiBold : This font is (size = 17.sp ,lineHeight = 24.sp) and differ in weights(Latin = SemiBold , Arabic = Bold).
- All BodyLargeBold : This font is (size = 17.sp ,lineHeight = 24.sp) and differ in weights(Latin = Bold , Arabic = ExtraBold).
- All BodySmallRegular : This font is (size = 14.sp ,lineHeight = 20.sp) and differ in weights(Latin = medium , Arabic = normal).
- All BodySmallSemiBold : This font is (size = 14.sp ,lineHeight = 20.sp) and differ in weights(Latin = SemiBold , Arabic = Bold).
- All BodySmallBold : This font is (size = 17.sp ,lineHeight = 24.sp) and differ in weights(Latin = Bold , Arabic = ExtraBold).

Caption Typography #

The following illustration showing the 5 Caption fonts all we have in Sans-arabic or Gellix-Latin.

Below row represents a the difference between LargeCaption for Regular and SemiBold typography:

- All CaptionLargeRegular : This font is (size = 12.sp ,lineHeight = 16.sp) and differ in weights(Latin = medium , Arabic = normal).
- All CaptionLargeSemiBold : This font is (size = 12.sp ,lineHeight = 16.sp) and differ in weights(Latin = SemiBold , Arabic = Bold).

Display Typography #

The following illustration showing the 4 display fonts all we have in Bold-Gellix-Latin and ExtraBold-Sans-arabic.

Each row represents a distinct typography:

- Display 1 : This font is (size = 72.sp ,lineHeight = 84.sp) and differ in weights and letter spacing for latin.
- Display 2 : This font is (size = 64.sp ,lineHeight = 72.sp) and differ in weights and letter spacing for latin.
- Display 3 : This font is (size = 48.sp ,lineHeight = 64.sp) and differ in weights and letter spacing for latin.
- Display 4 : This font is (size = 40.sp ,lineHeight = 48.sp) and differ in weights and letter spacing for latin.

Heading Typography #

The following illustration showing the 6 Heading fonts all we have in SemiBold-Gellix-Latin and Bold-Sans-arabic.

Each row represents a distinct typography:

- Heading 1 : This font is (size = 32.sp ,lineHeight = 36.sp) and differ in weights and letter spacing for latin.
- Heading 2 : This font is (size = 28.sp ,lineHeight = 36.sp) and differ in weights and letter spacing for latin.
- Heading 3 : This font is (size = 26.sp ,lineHeight = 32.sp) and differ in weights and letter spacing for latin.
- Heading 4 : This font is (size = 24.sp ,lineHeight = 32.sp) and differ in weights and letter spacing for latin.
- Heading 5 : This font is (size = 20.sp ,lineHeight = 28.sp) and differ in weights and letter spacing for latin.
- Heading 6 : This font is (size = 18.sp ,lineHeight = 24.sp) and differ in weights and letter spacing for latin.