Typography

Cleartrip has always stood for attention to detail. Type is one of the major elements of our booking experience

Font families

Bento uses system font stack for Mac, Windows and Linux to stay close to the native experience.

Sans-apple-system", "BlinkMacSystemFont", sans-serif

Serif"Georgia", "Times New Roman", "Times", serif

Mono"SFMono-Regular", "Consolas", "Menlo", "Courier", monospace

Type

Size

Line height

Caption

10px

12px

Caption-2

12px

16px

Body

14px

20px

Body-2

16px

20px

Body-3

20px

28px

Heading

24px

32px

Heading-2

32px

44px

Heading-3

36px

48px

Display

48px

56px

100200300400500600700800900

Defines the spacing between the characters of a block of text.

Tightletter-spacing: -1pxTightly letter-spaced at -1px

Normalletter-spacing: 0pxNo additional letter-spacing applied

Wideletter-spacing: 1pxLoosely letter-spaced at 1px