Design Template

Typography

This is an H1 tag

font-size: 56px;
font-weight: 800;
font-family: aktiv-grotesk, sans-serif;


This is an H2 tag

font-size: 40px;
font-weight: 800;
font-family: aktiv-grotesk, sans-serif;


This is an H3 tag

font-size: 1.75rem;


This is an H4 tag

font-size: 1.5rem;


This is an H5 tag

font-size: 1.25rem;


This is an H6 tag

font-size: 1rem;


This is the p tag

font-size: 24px;
font-family: minion-pro, serif;
font-weight: 400;

Colors

These are the colors being used and how they are referenced on the website:

background-body: #ececec;

red #b9001c (Dark Red)

light-red #df0023 (Red)

blue #00b2ed (Blue)

light-blue #84ccf3

dark-blue #0d2c78

pink #bc0068 (Magenta)

light-pink #eb5a96 (Pink)

orange #e86930 (Orange)

light-orange #ed8c30

light-grey #A6A5A5

black #000000 (Black)

gray #3a3a3a

new-orange #f2af31

Buttons/Links

This is what a button looks like

^^^^^^ Notice the hover state ^^^^^^

This is what an inline link looks like

Grids

This is what the work page grid looks like

This is what the people page grid looks like

Tabs

This is the Title

This is the content

This is the Title

This is the content

This is the Title

This is the content

Lists

  • This is what an unordered list looks like
  1. This is what an ordered list looks like

Quotes

"sometimes

we treat quotes

like this."