JCR Design guide

Heading 1

01—typography

Font

Philosopher

Weight

700

Size

50 PX

line height

1.1 EM

Letter spacing

0

Heading 2

Font

Philosopher

Weight

700 Italic

Size

50 PX

line height

1.1 EM

Letter spacing

0

Heading 3 UPPERCASE Accent

Font

Lato

Weight

400

Size

20 PX

line height

1.3 EM

Letter spacing

1

Heading 3 Normal

Font

Lato

Weight

400

Size

22 PX

line height

1.4 EM

Letter spacing

0

Heading 4

Font

Lato

Weight

400

Size

18 PX

line height

1.4 EM

Letter spacing

0

Body Paragraph Text

Font

Lato

Weight

400

Size

16 PX

line height

1.7 EM

Letter spacing

0

All Links

Font

Lato

Weight

600

Size

14 PX

line height

1.3 EM

Letter spacing

1.5

Buttons

02—UI components

primary
secondary
Textual

Icons

Colors in use

primary Accent

#FF7D00

Heading, Body

#333333

Section Shade

#F4F4F4

UI border

#DFE0E0

Search