Colors
Red
#E42925
Light Red
#FF5757
Black
#000000
White
#FFFFFF
Grey
#F4F4F4
Dark Red
#7D0B0B
Darkest Grey
#202020
Dark Grey
#505050
Typography
Heading 1
Oswald Medium – 80px – 118px Line Height – 1.6px Tracking
Heading 2
Oswald Medium – 70px – 115px Line Height – 1.4px Tracking
Heading 3
Oswald Medium – 40px – 0.8px Tracking
Heading 4
Oswald Medium – 25px – 0.5px Tracking
Body paragraph text.
Manrope Regular – 17px – 27px Line Height – 0.17px Tracking
Larger body paragraph text for emphasis.
Manrope Regular – 25px – 27px Line Height – 0.18px Tracking
Eyebrow/Label
Manrope Semi-Bold – 16px – 1/6px Tracking – Uppercase
Eyebrow, Headline and Body Combination
Lorem Ipsum
Lorem IPsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor. Nulla id lobortis nibh,
to do: address vertical spacing
Buttons
Black Button Variations
Red button Variations
to do: add icons to buttons, add transition for hover states
List Styles
- List Item 1
- List item 2
- List item 3
- List sub-item 1
- to do: get a better export of second-level bullet svg
Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vestibulum ex enim, ut porta justo vestibulum eget.
Sarah Smith, Mauris lacinia tempor
Homepage Hero – Image Background Option
Lorem Boxed Ipsum dolor Sit Amet Consectetur
Lorem ipsum dolor sit amet, consectetur adipiscing elit est. Aenean pulvinar, tortor ut varius cursus, vitae euismod commodo scelerisque enim, non tristique
Interior Page Hero – Image BAckground Option
Lorem IpsuM
Interior Page Hero – No Image BAckground Option
Lorem IpsuM
Location Buttons
Featured Media and Stats
Mauris convallis
sollicitudin lectus nec, interdum augue
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor. Nulla id lobortis nibh, eleifend scelerisque orci.
Morbi ultrices
Vestibulum
Quisque ornare
Section Landing Page Program or category cards
malesuada
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor.
Pellentesque
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor.
Lower CTA IMage Block
Lorem ipsum dolor sit amet consectetur
Morbi malesuada, eros eu ultricies tempor, risus risus bibendum tellus, eget vehicula ex nisi sit amet ipsum. Fusce suscipit augue non nulla rhoncus tristique.
Accordion/faq
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor. Nulla id lobortis nibh, eleifend scelerisque orci.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor. Nulla id lobortis nibh, eleifend scelerisque orci.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor. Nulla id lobortis nibh, eleifend scelerisque orci.
feature/highlight cards
Orci varius natoque
Cras et urna vel nibh laoreet cursus
malesuada
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor.
Sed aliquam
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor.
Etiam hendrerit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor.
condimentum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor.
tincidunt et
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor.
two columns image/text
Mauris convallis
Morbi condimentum fermentum
Donec et libero nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed aliquam, leo vitae fermentum pulvinar, justo augue posuere nibh, faucibus placerat mi purus nec orci. Nam suscipit condimentum dapibus. Cras mauris eros, posuere eget ultricies eu, viverra tincidunt velit.
- Donec et libero nunc.
- Orci varius natoque penatibus
- Et magnis dis parturient
- Montes nascetur ridiculus mus
programs/what we do cards
malesuada
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor.
Pellentesque
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor.
Aliquam eget
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut erat at lacus venenatis dapibus sed egestas tortor.
simple cta banner
Orci varius natoque
Vivamus condimentum
Cras pellentesque mi eu blandit viverra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porttitor rutrum ultrices. Curabitur id dui ac arcu viverra sodales. Cras tempus lobortis mollis. Morbi condimentum fermentum nibh vel convallis. Sed consequat purus ut fringilla facilisis. Phasellus lorem odio, interdum vitae luctus vel, aliquam nec nisl. Integer a nibh in sem iaculis feugiat.
event cards 3-up
mar 25 – jun 6
Cras pellentesque mi eu blandit viverra. Cras sagittis ipsum a elit aliquet interdum est diam sagittis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus tellus eu orci iaculis, sed rhoncus nibh consectetur. Lorem Ipsum
$123 – $456
mar 25 – jun 6
Cras pellentesque mi eu blandit viverra. Cras sagittis ipsum a elit aliquet interdum est diam sagittis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus tellus eu orci iaculis, sed rhoncus nibh consectetur. Lorem Ipsum
$123 – $456
mar 25 – jun 6
Cras pellentesque mi eu blandit viverra. Cras sagittis ipsum a elit aliquet interdum est diam sagittis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tempus tellus eu orci iaculis, sed rhoncus nibh consectetur. Lorem Ipsum
$123 – $456
testimonial / quote card 3-up
condimentum