Typography
Proxima Nova – https://fonts.adobe.com/fonts/proxima-nova
Lorem ipsum dolor sit amet consectetur adipiscing elit orci dis, turpis ad maecenas praesent a taciti egestas nullam, facilisi convallis conubia montes laoreet proin eleifend vulputate.
Typography Stack: Desktop
XXL heading
XL heading
Large heading
Default heading
Medium heading
Small heading
X-small heading
XXS heading
Body Default – Lorem ipsum dolor sit amet consectetur adipiscing elit orci dis, turpis ad maecenas praesent a taciti egestas nullam, facilisi convallis conubia montes laoreet proin eleifend vulputate.
Body large – Lorem ipsum dolor sit amet consectetur adipiscing elit orci dis, turpis ad maecenas praesent a taciti egestas nullam, facilisi convallis conubia montes laoreet proin eleifend vulputate.
Body small – Lorem ipsum dolor sit amet consectetur adipiscing elit orci dis, turpis ad maecenas praesent a taciti egestas nullam, facilisi convallis conubia montes laoreet proin eleifend vulputate.
Body x-small – Lorem ipsum dolor sit amet consectetur adipiscing elit orci dis, turpis ad maecenas praesent a taciti egestas nullam, facilisi convallis conubia montes laoreet proin eleifend vulputate.
Body Accent – Lorem ipsum dolor sit amet consectetur adipiscing elit orci dis, turpis ad maecenas praesent a taciti egestas nullam, facilisi convallis conubia montes laoreet proin eleifend vulputate.
Text Editor/Single Post Headlines
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Buttons & Links
This is what a default link within text looks like.
Colors
- Bluehex
- Redhex
- Goldhex
- Blue Grayhex
HTML Elements
Ordered list
- Bullet point title: Short description that helps someone with a key takeaway from this section. 3 bullet points is an ideal number.
- Bullet point title: Short description that helps someone with a key takeaway from this section. 3 bullet points is an ideal number. Some more text to illustrate that a longer description will adjust the buffer spacing for the pseudo counter element.
- Bullet point title: Short description that helps someone with a key takeaway from this section. 3 bullet points is an ideal number.
Fancy ordered list
- Bullet point title: Short description that helps someone with a key takeaway from this section. 3 bullet points is an ideal number.
- Bullet point title: Short description that helps someone with a key takeaway from this section. 3 bullet points is an ideal number. Some more text to illustrate that a longer description will adjust the buffer spacing for the pseudo counter element.
- Bullet point title: Short description that helps someone with a key takeaway from this section. 3 bullet points is an ideal number.
Un-Ordered list
- Bullet point title: Short description that helps someone with a key takeaway from this section. 3 bullet points is an ideal number.
- Bullet point title: Short description that helps someone with a key takeaway from this section. 3 bullet points is an ideal number.
- Bullet point title: Short description that helps someone with a key takeaway from this section. 3 bullet points is an ideal number.
Toggle / Acc
Item #1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Item #2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Item #3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Blockquote
Dividers and borders
Divider color can vary depending on the use, but most dividers are set to 1px with a color of Zuchinni 200 (#B4CDC0)
Tables
| Table header column | Table header column | Table header column |
|---|---|---|
| Table body | Table information | More information |
| Table body | Table information | More information |
| Table body | Table information | More information |
| Table body | Table information | More information |
Icons
This is the heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Upcoming cooking classes
See the full calendar
Cook something new
Search our recipe library
- List Item #1
- List Item #1
- List Item #1
- List Item #1
- List Item #1
- List Item #1
Image Styles
Image boxes
This is the heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Main box headline
Small bit of description text