Design
Design elements such as color, typography, iconography, and form fields that are used to communicate the brand look and feel.
Primary
-
USF Green
-
USF Orange
-
Cream
Secondary
-
USF Green - Darken
-
USF Green 20
-
USF Green 5
-
USF Orange - Darken
-
USF Orange 20
-
USF Orange 5
Neutral
-
White
-
Black
-
Grey 80
-
Grey 60
-
Grey 40
-
Grey 30
-
Grey 20
-
Grey 10
Alert
-
Alert Red - Dark
-
Alert Red - Light
-
Success Green - USF Green
-
Success Green - Light
-
Informational Dark - Grey 80
-
Informational Light - Grey 30
-
Warning Yellow - Dark
-
Warning Yellow - Light
Brand Colors
-
Cattlemans Primary
-
Chefsline Primary
-
Chefsline Secondary
-
Crossvalley Primary
-
Del Pasado Primary
-
Devonshire Primary
-
Devonshire Secondary
-
Glenview Primary
-
Glenview Secondary
-
Harborbanks Primary
-
Harborbanks Secondary
-
Harvest Value Primary
-
Hilltop Primary
-
Hilltop Secondary
-
Metro Deli Primary
-
Metro Deli Secondary
-
Mollys Primary
-
Mollys Secondary
-
Monarch Primary
-
Monogram Primary
-
Monogram Secondary
-
Pacific Jade Primary
-
Patuxent Primary
-
Patuxent Secondary
-
Rituals Primary
-
Rituals Secondary
-
Roseli Primary
-
Roseli Secondary
-
Rykoff Primary
-
Stockyards Primary
-
Thirster Primary
-
Valueplus Primary
Primary Font Roboto Font
Secondary Font Cormorant Garamond Font
Large Hero Text Oswald Font / Bold
Large Hero Text Oswald Font / Bold / 96px / Line Spacing 105.6px / Letter Spacing -2 / Upper Case
Medium Hero Text Oswald Font / Bold / 68px / Line Spacing 74.8px / Letter Spacing -2 / Upper Case
Headline 1Primary Font / Medium / 64px
Headline 2 Primary Font / Medium / 44px
Headline 3Primary Font / Medium / 36px
Headline 4Primary Font / Medium / 28px
Headline 5 Primary Font / Medium / 24px
Headline 6 Primary Font / Medium / 16px
Paragraph Primary Font / Regular / 16px
UNORDERED LIST
- This is a list item in an unordered list
- An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
- Lists can be nested inside of each other
- This is a nested list item
- This is another nested list item in an unordered list
- This is the last list item
ORDERED LIST
- This is a list item in an ordered list
- An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.
- Lists can be nested inside of each other
- This is a nested list item
- This is another nested list item in an ordered list
- This is the last list item
| Lorem Ipsum | Label | Short Label | Medium Label |
| Lorem Ipsum | Label | Short Label | Medium Label |
| Lorem Ipsum | Label | Short Label | Medium Label |
| Lorem Ipsum | Label | Short Label | Medium Label |
| Lorem Ipsum | Label | Short Label | Medium Label |