This style guide includes a list of elements & classes used for building Harmonya site. Additionally you may find some reusable components here, in case you'd like to create additional pages/sections.
All H1 Headings
All H2 Headings
All H3 Headings
All H4 Headings
All H5 Headings
All H6 Headings
Heading xlarge
Heading large
Heading medium
Heading regular
Heading small
Heading xsmall
Heading meta
Regular Paragraphs
Harmonya’s platform reveals latent consumer demand signals within the data you already use today by combining our consumer-generated product attributes with our partners’ trusted market measurement information to create an unrivaled source of understanding for what is happening and why.
Small Paragraphs
Harmonya’s platform reveals latent consumer demand signals within the data you already use today by combining our consumer-generated product attributes with our partners’ trusted market measurement information to create an unrivaled source of understanding for what is happening and why.
Big Paragraphs
Harmonya’s platform reveals latent consumer demand signals within the data you already use today by combining our consumer-generated product attributes with our partners’ trusted market measurement information to create an unrivaled source of understanding for what is happening and why.
Display Text Small
Display Text Big
Rich text element | Headings & Paragraphs accordingly
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. 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. 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.
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. 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. 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.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
Black background with white text.
White background with black text.
Lightgrey background with black text.
Animated gradient background with black text.
Animated gradient line as white/black sections divider.
Primary button (for white backgrounds)
Button-primarySecondary button (for dark backgrounds)
Button-secondaryModal open class
Modal close class
Text link
This is a regular text linkAction link
Reversed action link
Regular layout
Call to Action layout
No-scroll class
All margin size classes
All margin direction classes
All padding size classes
All padding direction classes
All width regulation classes
Classes responsible for different display options