Back to

Type Scale

Base Size
px
1.618
Golden Ration
1.500
Perfect Fifth
1.414
Augmented Fourth
1.333
Perfect Fourth
1.250
Major Third
1.200
Minor Third
1.125
Major Second
1.067
Minor Second
Scale
×
PXREM
4px grid line-height
H1
font-size:
Copied
16
px
line-height:
123
px
Copied
Copy CSS
Copied
Early in the 21st Century, The Tyrell Corporation advanced Robot evolution into the Nexus phase – a being virtually identical to a human – known as a Replicant.This is some text inside of a div block.
H2
font-size:
Copied
16
px
line-height:
123
px
Copied
Copy CSS
Copied
Early in the 21st Century, The Tyrell Corporation advanced Robot evolution into the Nexus phase – a being virtually identical to a human – known as a Replicant.This is some text inside of a div block.
H3
font-size:
Copied
16
px
line-height:
123
px
Copied
Copy CSS
Copied
Early in the 21st Century, The Tyrell Corporation advanced Robot evolution into the Nexus phase – a being virtually identical to a human – known as a Replicant.This is some text inside of a div block.
H4
font-size:
Copied
16
px
line-height:
123
px
Copied
Copy CSS
Copied
Early in the 21st Century, The Tyrell Corporation advanced Robot evolution into the Nexus phase – a being virtually identical to a human – known as a Replicant.This is some text inside of a div block.
H5
font-size:
Copied
16
px
line-height:
123
px
Copied
Copy CSS
Copied
Early in the 21st Century, The Tyrell Corporation advanced Robot evolution into the Nexus phase – a being virtually identical to a human – known as a Replicant.This is some text inside of a div block.
H6
font-size:
Copied
16
px
line-height:
123
px
Copied
Copy CSS
Copied
Early in the 21st Century, The Tyrell Corporation advanced Robot evolution into the Nexus phase – a being virtually identical to a human – known as a Replicant.This is some text inside of a div block.
P
font-size:
Copied
16
px
line-height:
123
px
Copied
Copy CSS
Copied
Early in the 21st Century, The Tyrell Corporation advanced Robot evolution into the Nexus phase – a being virtually identical to a human – known as a Replicant.This is some text inside of a div block.
Caption
font-size:
Copied
16
px
line-height:
123
px
Copied
Copy CSS
Copied
Early in the 21st Century, The Tyrell Corporation advanced Robot evolution into the Nexus phase – a being virtually identical to a human – known as a Replicant.This is some text inside of a div block.