Typography
Font-family: Public Sans : https://fonts.google.com/specimen/Public+Sans
Heading 1: 44px / extra light / lorem ipsum dolor
Heading 2: 24px / semi bold / $brand-dark-red / lorem ipsum dolor
Heading 3: 20px / semi bold / lorem ipsum dolor
Heading 4: 16px / semi bold / lorem ipsum dolor
Lead: 38px / extra light / $brand-dark-red / Paragraph lorem ipsum dolor sit amet. Dolor sit amet lo lorem dolor solor sit.
Regular paragrpah text: 18px / extra light / Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 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.
Headline lorem dolor
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laudantium vitae ab beatae praesentium! Minima minus architecto corporis magnam vitae repellat corrupti exercitationem voluptas nesciunt? Exercitationem iusto tempora obcaecati dignissimos laudantium!
Headling dolor sit amet
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt sed cupiditate fugit voluptate sapiente facere rerum nisi rem dolorum illo vel dolorem enim corrupti placeat, sequi minus, excepturi iusto ea?
Headling dolor sit amet
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt sed cupiditate fugit voluptate sapiente facere rerum nisi rem dolorum illo vel dolorem enim corrupti placeat, sequi minus, excepturi iusto ea?
- List item list list
- List item list list
- List item list list
- List item list list
- List item list list
- List item list list
- List item list list
- List item list list
Colors
$brand-dark-red
#a01f34
$brand-blue
#227ab1
$brand-dark
#333333
$brand-offwhite
#efefef
Components
Cards
Firstname Lastname
Some quick example text to build on the card title and make up the bulk of the card's content.
Firstname Lastname
Title lorem dolor,
Undergraduate advisting center.
Firstname Lastname
Some quick example text to build on the card title and make up the bulk of the card's content.
Quote Banner
Photo Banner
CTA Banner
News columns
3 Questions: Diep Luu on MIT's new Undergraduate Advising Center
As the inaugural director, Luu envisions the center as a resource that will complement faculty advising and support the “whole student” during their entire undergraduate career.
3 Questions: Diep Luu on MIT's new Undergraduate Advising Center
As the inaugural director, Luu envisions the center as a resource that will complement faculty advising and support the “whole student” during their entire undergraduate career.
3 Questions: Diep Luu on MIT's new Undergraduate Advising Center
As the inaugural director, Luu envisions the center as a resource that will complement faculty advising and support the “whole student” during their entire undergraduate career.