Display Text
.type-display-1
All Breakpoints
font-family: Helvetica Neue
font-weight: normal
color: gray30
letter-spacing: 0.025em
margin-top: flat
font-size: 28
line-height: 1.2
breakpoint:
sm
font-size: 40
Welcome to Odopod
.type-display-2
All Breakpoints
font-family: Helvetica Neue
font-weight: normal
color: gray30
letter-spacing: 0.025em
margin-top: -0.1em
font-size: 20
line-height: 1
breakpoint:
sm
font-size: 28
breakpoint:
md
font-size: 36
Please stop looking at your phone and pet me
Headers
.type-header-1
All Breakpoints
font-family: Helvetica Neue
font-weight: normal
color: gray30
margin-top: flat
font-size: 20
line-height: 1.2
breakpoint:
sm
font-size: 30
Hiss at vacuum cleaner. Kitty loves pigs jump launch to pounce upon little yarn mouse, bare fangs at toy run hide in litter box until treats are fed
.type-header-2
All Breakpoints
font-family: Helvetica Neue
font-weight: normal
color: gray30
margin-top: flat
font-size: 18
line-height: 1.2
breakpoint:
sm
font-size: 20
breakpoint:
lg
font-size: 24
Claw drapes step on your keyboard while you are gaming and then turn in a circle.
.type-header-3
All Breakpoints
font-family: Helvetica Neue
font-weight: normal
color: gray30
margin-top: flat
font-size: 14
line-height: 1.4
breakpoint:
sm
font-size: 16
breakpoint:
md
font-size: 18
Lay on arms while you are using the keyboard
Body-Copy
.type-body-1
All Breakpoints
font-family: Helvetica Neue
font-weight: normal
color: gray40
margin-top: flat
margin-bottom: 20
font-size: 18
line-height: 1.4
breakpoint:
sm
margin-bottom: 32
font-size: 24
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel leo consectetur, sollicitudin erat dapibus, elementum ipsum.
Nullam tincidunt felis a dignissim imperdiet. Donec sodales id risus vitae fermentum.
.type-body-2
All Breakpoints
font-family: Helvetica Neue
font-weight: normal
color: gray40
margin-top: flat
margin-bottom: 20
font-size: 14
line-height: 1.4
breakpoint:
sm
margin-bottom: 32
font-size: 18
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel leo consectetur, sollicitudin erat dapibus, elementum ipsum.
Nullam tincidunt felis a dignissim imperdiet. Donec sodales id risus vitae fermentum.
.type-body-3
All Breakpoints
font-family: Helvetica Neue
font-weight: normal
color: gray40
margin-top: flat
font-size: 14
line-height: 1.4
breakpoint:
sm
font-size: 16
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper.
Nullam tincidunt felis a dignissim imperdiet.