Brand Colors

These are the colors used throughout the site. Each has been assigned to a variable in the framework/variables.scss file.

Theme

Monotone Spectrum

Typography

These are our basic typographic styles. Make updates in the framework/typography.scss file.

Home Hero. The quick brown fox jumps over the lazy dog.

H1. The quick brown fox jumps over the lazy dog.

H2. The quick brown fox jumps over the lazy dog.

H3. The quick brown fox jumps over the lazy dog.

H4. The quick brown fox jumps over the lazy dog.

H5. The quick brown fox jumps over the lazy dog.

H6. The quick brown fox jumps over the lazy dog.

Large Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Default Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Extra Small Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et justo sed dui feugiat cursus. Phasellus pharetra dui lobortis odio efficitur suscipit. Aenean condimentum ullamcorper ullamcorper. Nunc a tempus neque. Pellentesque nec pharetra purus. Proin fermentum purus non tortor posuere, vel convallis dolor interdum. Suspendisse aliquet felis metus, vel tempus purus tincidunt eget.

Buttons

These are our basic button styles. Make updates in the framework/buttons.scss file.