Typography
Typography settings available in Neighborhood.
Typescale
Most type sizes are set to 0.125rem scale.
10px
A Supercharged Growth Opportunity
11px
A Supercharged Growth Opportunity
13px
A Supercharged Growth Opportunity
14px
A Supercharged Growth Opportunity
16px
A Supercharged Growth Opportunity
18px
A Supercharged Growth Opportunity
20px
A Supercharged Growth Opportunity
24px
A Supercharged Growth Opportunity
28px
A Supercharged Growth Opportunity
34px
A Supercharged Growth Opportunity
40px
A Supercharged Growth Opportunity
48px
A Supercharged Growth Opportunity
55px
A Supercharged Growth Opportunity
| Key | Token | Size |
|---|---|---|
| tiny |
--neighborhood-fontSize-tiny
|
10px (0.625rem) |
| xxs |
--neighborhood-fontSize-xxs
|
11px (0.6875rem) |
| xs |
--neighborhood-fontSize-xs
|
13px (0.8125rem) |
| sm |
--neighborhood-fontSize-sm
|
14px (0.875rem) |
| regular/base |
--neighborhood-fontSize-regular
|
16px (1rem) |
| md |
--neighborhood-fontSize-md
|
18px (1.125rem) |
| lg |
--neighborhood-fontSize-lg
|
20px (1.25rem) |
| xl |
--neighborhood-fontSize-xl
|
24px (1.5rem) |
| xxl |
--neighborhood-fontSize-xxl
|
28px (1.75rem) |
| xxxl |
--neighborhood-fontSize-xxxl
|
34px (2.125rem) |
| display |
--neighborhood-fontSize-display
|
40px (2.5.rem) |
| jumbo |
--neighborhood-fontSize-jumbo
|
48px (3rem) |
| huge |
--neighborhood-fontSize-huge
|
55px (3.4375rem) |
Font Weight
| Token | Value |
|---|---|
--neighborhood-fontWeight-100
|
100 |
--neighborhood-fontWeight-200
|
200 |
--neighborhood-fontWeight-300
|
300 |
--neighborhood-fontWeight-400
|
400 |
--neighborhood-fontWeight-500
|
500 |
--neighborhood-fontWeight-600
|
600 |
--neighborhood-fontWeight-700
|
700 |
--neighborhood-fontWeight-800
|
800 |
Line Height
| Token | Value |
|---|---|
--neighborhood-lineHeight-1
|
1 |
--neighborhood-lineHeight-1-1
|
1.1 |
--neighborhood-lineHeight-1-2
|
1.2 |
--neighborhood-lineHeight-1-3
|
1.3 |
--neighborhood-lineHeight-1-4
|
1.4 |
--neighborhood-lineHeight-1-5
|
1.5 |
--neighborhood-lineHeight-1-6
|
1.6 |
--neighborhood-lineHeight-2
|
2 |
Letter Spacing
| Token | Value |
|---|---|
--neighborhood-letterSpacing-regular
|
normal |
--neighborhood-letterSpacing-0
|
0 |
--neighborhood-letterSpacing-1
|
1px |
--neighborhood-letterSpacing-2
|
2px |
--neighborhood-letterSpacing-3
|
3px |
--neighborhood-letterSpacing-4
|
4px |
--neighborhood-letterSpacing-5
|
5px |