Components
- Before and After Marquee
- Centered Left Right
- Contact Information
- Content Accordion
- Content Grid
- Divider
- Double Marquee
- Dual Image Content Block
- Featured Posts
- Form
- Full Image CTA
- Icon Grid
- Image Content Cards
- Image Grid
- Inset Image Hero Banner
- Layered Left Right
- Left Right
- Logos Grid
- Offset Left Right
- Scrolling Steps
- Single Image Hero Banner
- Specials Grid
- Team Grid
- Testimonial Slider
- Theme Styles
- Triple CTA
- Wide Hero Banner
Colors
Ivory
Beige
Soot
Typography
Heading 1
Cammron – 96px / Regular / Site Black
Heading 2
Cammron – 64px / Regular / Site Black
Heading 3
Cammron – 40px / Regular / Site Black
Heading 4
Cammron – 24px / Regular / Site Black
Heading 5
Urbanist – 20px / Regular / Site Black
Heading 6
Urbanist – 20px / Regular / soot
Heading Script
Vista La Diva – 64px / Regular / Beige
Large Body
Urbanist – 18px / Regular / soot
Regular Body
Urbanist – 16px / Regular / soot
Small Body
Urbanist – 14px / Regular / soot
Extra Small Body
Urbanist – 12px / Regular / soot
Wysiwyg
Cras mi augue, vehicula sed Regular wysiwyg link, tincidunt vitae odio. Curabitur pulvinar convallis lacinia. Sed tellus purus, euismod eget sollicitudin nec, porttitor ut velit. Sed et erat tempus, venenatis odio sed, tempor quam.Cras velit dolor, ultrices quis leo et, varius accumsan dui. Integer sed mi eget velit laoreet ullamcor vel nisi.
- List item one
- List item two
- List item three
- Cras mi augue, vehicula sed Regular wysiwyg link, tincidunt vitae odio. Curabitur pulvinar convallis lacinia. Sed tellus purus, euismod
- List item two
- List item three
- Order list item one
- Ordered list item two
- Ordered list item three
| Table Header Cell | Table Header Cell | Table Header Cell | Table Header Cell |
| Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell |
Buttons
Typography
Heading 1
Cammron – 96px / Regular / White
Heading 2
Cammron – 64px / Regular / White
Heading 3
Cammron – 40px / Regular / White
Heading 4
Cammron – 24px / Regular / White
Heading 5
Urbanist – 20px / Regular / White
Heading 6
Urbanist – 20px / Regular / White
Heading Script
Vista La Diva – 64px / Regular / Beige
Large Body
Urbanist – 18px / Regular / Ivory
Regular Body
Urbanist – 16px / Regular / Ivory
Small Body
Urbanist – 14px / Regular / Ivory
Extra Small Body
Urbanist – 12px / Regular / soot
Wysiwyg
Cras mi augue, vehicula sed Regular wysiwyg link, tincidunt vitae odio. Curabitur pulvinar convallis lacinia. Sed tellus purus, euismod eget sollicitudin nec, porttitor ut velit. Sed et erat tempus, venenatis odio sed, tempor quam.Cras velit dolor, ultrices quis leo et, varius accumsan dui. Integer sed mi eget velit laoreet ullamcor vel nisi.
- List item one
- List item two
- List item three
- Order list item one
- Ordered list item two
- Ordered list item three
| Table Header Cell | Table Header Cell | Table Header Cell | Table Header Cell |
| Table Cell | Table Cell | Table Cell | Table Cell |
| Table Cell | Table Cell | Table Cell | Table Cell |
Buttons
Theme Styles
Used to display Alazzo Med Spa custom theme styles. (only shown in component library)
Displays:
- Colors
- Typography
- Wysiwyg styles on both light and dark backgrounds