Learning UI Elements Colors
dark blue
med blue
red
#0B00AE
#00AEEF
#ED1C34
med grey
grey
light grey
#474747
#616161
#f2f2f2
Typography |
Root base font-size: 16px
h1
Bike Light Signal
h2
Up Next!
1.2 rem / 19px
h3
WORKSHOP
1 rem / 16px / 12pts
p
Body Copy
1.25 rem / 20px
side nav
Side Nav Menu
0.9 rem / 14px
caption
Caption text
0.9 rem / 14px
fly-out
Fly-out text
ul list
5 rem / 80px
2 rem / 36px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua:
1.25 rem / 20px
■ Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
1.6 rem / 25.5px
■ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. ■ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Buttons class: lesson_buttons
Icons
dark blue
Keep Going
Keep Going
red
close button
play button
dark blue
x
x
workshop category
level of difficulty
time needed
Keep Going
Keep Going
0.9 rem / 14px