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 likeGrids
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
- This is what an ordered list looks like