Style Guide for a HeloChan Template

Colors

100
#171819
90
#1E293B
80
#334155
70
#475569
60
#64748B
50
#8996A9
40
#A5B3C5
30
#DDE4EE
20
#F1F5F9
10
#F8FAFC

Typography

Instrument Sans
/
Serif
Bold
SemiBold
Medium
Reguler

Aa

Aa

Heading 1
Instrument Sans Regular
64px
80

Title 1

Heading 2
Instrument Sans Regular
56px
72

Title 2

Heading 3
Instrument Sans Regular
40px
56

Title 3

Heading 4
Instrument Sans Regular
32px
40

Title 4

Heading 5
Instrument Sans Regular
28px
36
Title 5
Heading 6
Instrument Sans Regular
24px
32
Title 6
Body L Bold
Instrument Sans Bold
20px
32
The quick brown fox
Body L Medium
Instrument Sans Medium
20px
32
The quick brown fox
Body L Regular
Instrument Sans Regular
20px
32
The quick brown fox
Body R Bold
Instrument Sans Bold
16px
24
The quick brown fox
Body R Medium
Instrument Sans Medium
16px
24
The quick brown fox
Body R Regular
Instrument Sans Regular
16px
24
The quick brown fox
Body S Bold
Instrument Sans Bold
14px
20
The quick brown fox
Body S Medium
Instrument Sans Medium
14px
20
The quick brown fox
Body S Regular
Instrument Sans Regular
14px
20
The quick brown fox
Body XS Bold
Instrument Sans Bold
12px
16
The quick brown fox
Body XS Medium
Instrument Sans Medium
12px
16
The quick brown fox
Body XS Regular
Instrument Sans Regular
12px
16
The quick brown fox