Color Palette
Primary/Background
Primary
#B11320
Secondary
#0B0B0B
Dark Gray
#282828
Primary Gray
#3D3D3D
White
#FFFFFF
Off White
#F5F5F5
Gray
#686D71
Medium Gray
#97999B
Light Gray
#BBBEC0
Lighter Gray
#DEE2E5
Accent colors
Maroon
#811519
Buttons
Typography
Display 72/92
Lorem ipsum dolor sit amet vitae.
H1 48/64
Lorem ipsum dolor sit amet vitae.
H2 32/40
Lorem ipsum dolor sit amet vitae.
H3 24/32
Lorem ipsum dolor sit amet vitae.
H4 18/28
Lorem ipsum dolor sit amet vitae.
H5 16/24
Lorem ipsum dolor sit amet vitae.
H6 14/20
Lorem ipsum dolor sit amet vitae.
Body SM 14/20
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In interdum non magna vehicula vestibulum. Nulla a enim nisi. Aenean urna mauris, egestas non faucibus at, finibus et turpis. Sed varius rutrum ligula, ac convallis tortor rhoncus interdum. Proin accumsan egestas diam vitae condimentum. Sed tincidunt eu nisl non volutpat. Aenean nec dui urna. Vestibulum sit amet lectus sed magna scelerisque mattis.
Body SM bold 14/20
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In interdum non magna vehicula vestibulum. Nulla a enim nisi. Aenean urna mauris, egestas non faucibus at, finibus et turpis. Sed varius rutrum ligula, ac convallis tortor rhoncus interdum. Proin accumsan egestas diam vitae condimentum. Sed tincidunt eu nisl non volutpat. Aenean nec dui urna. Vestibulum sit amet lectus sed magna scelerisque mattis.
Body Sans 16/24
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In interdum non magna vehicula vestibulum. Nulla a enim nisi. Aenean urna mauris, egestas non faucibus at, finibus et turpis. Sed varius rutrum ligula, ac convallis tortor rhoncus interdum. Proin accumsan egestas diam vitae condimentum. Sed tincidunt eu nisl non volutpat. Aenean nec dui urna. Vestibulum sit amet lectus sed magna scelerisque mattis.
Body Italic 16/24
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In interdum non magna vehicula vestibulum. Nulla a enim nisi. Aenean urna mauris, egestas non faucibus at, finibus et turpis. Sed varius rutrum ligula, ac convallis tortor rhoncus interdum. Proin accumsan egestas diam vitae condimentum. Sed tincidunt eu nisl non volutpat. Aenean nec dui urna. Vestibulum sit amet lectus sed magna scelerisque mattis.
Body LG 18/28
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In interdum non magna vehicula vestibulum. Nulla a enim nisi. Aenean urna mauris, egestas non faucibus at, finibus et turpis. Sed varius rutrum ligula, ac convallis tortor rhoncus interdum. Proin accumsan egestas diam vitae condimentum. Sed tincidunt eu nisl non volutpat. Aenean nec dui urna. Vestibulum sit amet lectus sed magna scelerisque mattis.
Additional
List Body Sans 16/24
- Bulleted List Item 1
- Bulleted List Item 2
- Bulleted List Item 3
- Bulleted List Item 4
- Bulleted List Item 5
- Bulleted List Item 1
- Bulleted List Item 2
- Bulleted List Item 3
- Bulleted List Item 4
- Bulleted List Item 5
Blockquote 32/40
Lorem ipsum dolor sit amet vitae.
Byline 18/28
Student Name
Blockquote SM 22/28
Lorem ipsum dolor sit amet vitae.
BlockQuote
Lorem ipsum dolor sit amet vitae. (Quote)
Student name
Heading Variations (styles)
heading (light)
hello (bold)
hello (semibold)
hello (extrabold)
12 Columns-layout
Synced Patterns Test
