Typography
El sistema tipográfico esta diseñado para crear jerarquías claras y organizar la información en nuestros productos o experiencias.
El sistema tipográfico esta diseñado para crear jerarquías claras y organizar la información en nuestros productos o experiencias.
Style
Weight
Size
Line height
Sample
Heading 4X Large
600
88px | 5rem
104px | 6.5rem
Make
Heading 3X Large
600
72px | 4.5rem
84px | 5.25rem
Heading 2X Large
600
64px | 4rem
74px | 4.625rem
Heading 1X Large
600
48px | 3rem
56px | 3.5rem
Make Ka...
Heading Large
600
40px | 3rem
46px | 2.875rem
Make Kavak
Heading Medium
600
32px | 2rem
36px | 2.25rem
Make Kavak h...
Heading Small
600
24px | 1.5rem
28px | 1.75rem
Make Kavak happen
Heading X Small
600
20px | 1.25rem
24px | 1.5rem
Make Kavak happen
Style
Weight
Size
Line height
Sample
Paragraph Large
400
20px | 1.25rem
28px | 1.75rem
Make Kavak happen
Paragraph
400
16px | 1rem
22px | 1.375rem
Make Kavak happen
Paragraph Strong
700
16px | 1rem
22px | 1.375rem
Make Kavak happen
Paragraph Small
400
14px | 0.875rem
20px | 1.25rem
Make Kavak happen
Paragraph X Small
400
12px | 0.75rem
16px | 1rem
Make Kavak happen
Paragraph X Small Strong
700
12px | 0.75rem
16px | 1rem
Make Kavak happen
Caption
400
10px | 0.625rem
14px | 0.875rem
Make Kavak happen
Caption Strong
700
10px | 0.625rem
14px | 0.875rem
Make Kavak happen
Noka (600) Semibold
10px. | 0.625 rem
14px | 0.875 rem
Noka (600) Semibold
10px. | 0.625 rem
14px | 0.875 rem
Noka (600) Semibold
10px. | 0.625 rem
14px | 0.875 rem
Noka (600) Semibold
10px. | 0.625 rem
14px | 0.875 rem
Noka (600) Semibold
10px. | 0.625 rem
14px | 0.875 rem
Noka (600) Semibold
10px. | 0.625 rem
14px | 0.875 rem
Noka (600) Semibold
10px. | 0.625 rem
14px | 0.875 rem
Noka (600) Semibold
10px. | 0.625 rem
14px | 0.875 rem
Roboto (400)
20px. | 1.25 rem
28px | 1.75 rem
Roboto (400)
16px. | 1 rem
22px | 1.375 rem
Roboto (700)
16px. | 1 rem
22px | 1.375 rem
Roboto (400)
14px. | 0.875 rem
20px | 1.25 rem
Roboto (400)
12px. | 0.75 rem
16px | 1 rem
Roboto (700)
12px. | 0.75 rem
16px | 1 rem
Roboto (400)
10px. | 0.625 rem
14px | 0.875 rem
Roboto (700)
10px. | 0.625 rem
14px | 0.875 rem