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

Font sizes

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

Font weights

100200300400500600700800900

Letter spacing

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
Back to: Spacing

CONTENTS