Components
Accordion List
Accordion List with Icons
Color Palette
Semantic Colors
Error
Warning
Success
Information
Fonts
Primary Headings Font
(h1) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
(h2) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
(H3) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
(h4) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
(h6) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
(h1) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
(h2) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
(H3) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
(h4) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
(h6) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Secondary Headings Font
Body Font
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Horizontal Rules (
<hr/>
)
Default Rule (
and hr.wp-block-separator)
Blue
Red Gradient Rule
Form Fields
Salesforce Form Structure
Text Field
Note: Do not rely on maxlength, size for styling
Email field
Note: Salesforce forms use text fields for emails, not email fields -- no validation
Checkbox
Unchecked
Checked
Select
Unchecked
Select box
Submit
Pardot Form Structure
Text Field (w/ Required)
Note: Do not rely on maxlength, size for styling
Textarea (w/ Required)
Email field
Note: Pardot forms use text fields for emails, not email fields -- no validation
Checkboxes
Unchecked (w/ required)
Yes, I agree to receive emails from Domini and the Domini Funds about impact investing and Domini products and services, as well as alerts and invitations about upcoming events and webinars, provided they are sent in accordance with the Domini privacy policy.
Select
Submit