Sanctuary Style Guide
Version 1
Typography
HTML Headings Tags
HTML tags define default Heading styles.
HTML tags define default Heading styles.
All H1 Headings
Heading 1 - Bodoni Moda
All H2 Headings
Heading 2 - Bodoni Moda
All H3 Headings
Heading 3 - Monserrat
All H4 Headings
Heading 4 - Monserrat
All H5 Headings
Heading 5 - Monserrat
All H6 Headings
Heading 6 - Monserrat
Other HTML Tags
HTML tags define default text styles.
HTML tags define default text styles.
All Paragraphs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
All Links
All LinksAll Block Quotes
Block Quote
All Unordered Lists
No bullet list
No bullet list
All Unordered Lists
No bullet list
No bullet list
All Ordered Lists
No bullet list
No bullet list
No bullet list
Rich Text
text-rich-text
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
This is a block quote
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
This is a link inside of a rich text
- List item
- List item
- List item
- List item
- List item
- List item
Colors
Background Color
Manage recurring background colors.
Manage recurring background colors.
background_color_navy
background_color_gray
background_color_white
background_color_orange
UI Elements
Buttons
To use on a dark background, simple use the add-on class is-alternate
Buttons With Icons
Form Elements
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.