Shipfaster UI 2.7

Headings Desktop

A set of harmonious typography scale with font weight variations. These text style perfectly fit for 4px grid and go well with each other.

Get started

Use for text styles

Access on the right style panel

Designership is committed to helping UX/UI designers build an unfair advantage through online courses and products.

Website

Instagram

LinkedIn

X

Youtube

© 2024 The Designership. All Rights Reserved.

Display Large

Font size: 52px | Line height: 56px | Tracking: -2%

Display

Display

Display

Display

Large

Large

Large

Large

Display Small

Font size: 44px | Line height: 48px | Tracking: -2%

Display

Display

Display

Display

Small

Small

Small

Small

Heading H1

Font size: 40px | Line height: 48px | Tracking: -2%

Heading H1

Heading H1

Heading H1

Heading H1

Heading H2

Font size: 36px | Line height: 44px | Tracking: -2%

Heading H2

Heading H2

Heading H2

Heading H2

Heading H3

Font size: 32px | Line height: 40px | Tracking: -2%

Heading H3

Heading H3

Heading H3

Heading H3

Heading H4

Font size: 28px | Line height: 36px | Tracking: -2%

Heading H4

Heading H4

Heading H4

Heading H4

Heading H5

Font size: 24px | Line height: 32px | Tracking: -2%

Heading H5

Heading H5

Heading H5
Heading H5

Heading H6

Font size: 20px | Line height: 28px | Tracking: -2%

Heading H6

Heading H6
Heading H6
Heading H6

Shipfaster UI 2.7

Headings Mobile

A set of harmonious typography scale with font weight variations. These text style perfectly fit for 4px grid and go well with each other.

Get started

Use for text styles

Access on the right style panel

Designership is committed to helping UX/UI designers build an unfair advantage through online courses and products.

Website

Instagram

LinkedIn

X

Youtube

© 2024 The Designership. All Rights Reserved.

Heading H1

Font size: 36px | Line height: 44px | Tracking: -2%

Heading H1

Heading H1

Heading H1

Heading H1

Heading H2

Font size: 32px | Line height: 40px | Tracking: -2%

Heading H2

Heading H2

Heading H2

Heading H2

Heading H3

Font size: 28px | Line height: 36px | Tracking: -2%

Heading H3

Heading H3

Heading H3

Heading H3

Heading H4

Font size: 24px | Line height: 32px

Heading H4

Heading H4

Heading H4

Heading H4

Heading H5

Font size: 20px | Line height: 28px

Heading H5

Heading H5

Heading H5

Heading H5

Heading H6

Font size: 18px | Line height: 24px

Heading H6

Heading H6

Heading H6

Heading H6

Shipfaster UI 2.7

Paragraphs

A set of harmonious typography scale with font weight variations. These text style perfectly fit for 4px grid and go well with each other.

Get started

Use for text styles

Access on the right style panel

Designership is committed to helping UX/UI designers build an unfair advantage through online courses and products.

Website

Instagram

LinkedIn

X

Youtube

© 2024 The Designership. All Rights Reserved.

Paragraph Large

Font size: 18px | Line height: 28px

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Paragraph Medium

Font size: 16px | Line height: 24px

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.ext

Paragraph Small

Font size: 14px | Line height: 20px

Become a legendary UX/UI designer through real world

and practical courses.

Become a legendary UX/UI designer through real world

and practical courses.

Become a legendary UX/UI designer through real world

and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Paragraph XSmall

Font size: 12px | Line height: 20px

Become a legendary UX/UI designer through

real world and practical courses.

Become a legendary UX/UI designer through

real world and practical courses.

Become a legendary UX/UI designer through

real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Overline

Font sizes: 14px, 12px

Become a legendary designer

Become a legendary designer

Shipfaster UI 2.7

Labels

A set of harmonious typography scale with font weight variations. These text style perfectly fit for 4px grid and go well with each other.

Get started

Use for text styles

Access on the right style panel

Designership is committed to helping UX/UI designers build an unfair advantage through online courses and products.

Website

Instagram

LinkedIn

X

Youtube

© 2024 The Designership. All Rights Reserved.

Label Large

Font size: 16px | Line height: 18px

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.ext

Label Medium

Font size: 14px | Line height: 16px

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.ext

Label Small

Font size: 12px | Line height: 16px

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Label XSmall

Font size: 10px | Line height: 14px

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.

Become a legendary UX/UI designer through real world and practical courses.