Paragraph

Unordered list:
  • item one
  • item two
  • item three
Ordered list:
  1. item one
  2. item two
  3. item three
Quotation
"Quotation" is a blockquote style with white font and is supposed to have a background glow

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

accent-0 is a class that makes font color white and is supposed to have a background glow

accent-1 is a class that makes font color midmark red

accent-2 is a class that makes font color blue

accent-2-dark is a class that makes font color dark blue

accent-3 is a class that makes font color gray

accent-3-medium-dark is a class that makes font color gray

accent-3-dark is a class that makes font color gray

Call to action 1 is a class (noted as "cta", which is different than the option to select it "Call to action 1") that creates a red, rectangular CTA button with a hover state animation and a white arrow. Font color is white.

Call to action 2 is a class (noted as "cta-2", which is different than the option to select it "Call to action 2") that creates a capitalized, text-based CTA callout without a hover state animation. Font color is black by default with a blue arrow. Typically used for linking to supporting documentation such as spec sheets, videos, or brochures on a landing page.

Call to Action 2 Dark  is a class (noted as "cta-2-dark", which is different than the option to select it "Call to action 2 Dark") that creates a capitalized, text-based CTA button on a white rectangular background without a hover state animation. Font color is dark blue by default with a dark blue arrow. Typically used for linking to relevant product or landing page.

Mobile Line Break is a class that can be assigned to any code to create a break on mobile devices. No styling assigned.

Desktop Line Break is a class that can be assigned to any code to create a break on desktop screens. No styling assigned.

Hide on Mobile  is a class (noted as "hide desktop-show", which is different than the option to select it "Hide on Mobile") that can be assigned to hide code on mobile devices. Often used for elements which negatively impact mobile experience or for elements that cannot be made mobile responsive through widget properties alone

Hide on Desktop  is a class (noted as "desktop-hide", which is different than the option to select it "Hide on Desktop") that can be assigned to hide code on desktop devices. Often used for elements which only enhance mobile experiences or for elements that assist mobile responsiveness

Avenir is a class (noted as "avenir-book", which is different than the option to select it "Avenir") that can be assigned to any text to change font family and weight to Avenir Book

Nexa Bold is a class that can be assigned to any text to change font family and weight to Nexa Bold

font-size:small is a standard property that defaults to size ____ font

Paragraph

Unordered list:
  • item one
  • item two
  • item three
Ordered list:
  1. item one
  2. item two
  3. item three
Quotation
"Quotation" is a blockquote style with white font and is supposed to have a background glow

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

accent-0 is a class that makes font color white and is supposed to have a background glow

accent-1 is a class that makes font color midmark red

accent-2 is a class that makes font color blue

accent-2-dark is a class that makes font color dark blue

accent-3 is a class that makes font color gray

accent-3-medium-dark is a class that makes font color gray

accent-3-dark is a class that makes font color gray

Call to action 1 is a class (noted as "cta", which is different than the option to select it "Call to action 1") that creates a red, rectangular CTA button with a hover state animation and a white arrow. Font color is white.

Call to action 2 is a class (noted as "cta-2", which is different than the option to select it "Call to action 2") that creates a capitalized, text-based CTA callout without a hover state animation. Font color is black by default with a blue arrow. Typically used for linking to supporting documentation such as spec sheets, videos, or brochures on a landing page.

Call to Action 2 Dark  is a class (noted as "cta-2-dark", which is different than the option to select it "Call to action 2 Dark") that creates a capitalized, text-based CTA button on a white rectangular background without a hover state animation. Font color is dark blue by default with a dark blue arrow. Typically used for linking to relevant product or landing page.

Mobile Line Break is a class that can be assigned to any code to create a break on mobile devices. No styling assigned.

Desktop Line Break is a class that can be assigned to any code to create a break on desktop screens. No styling assigned.

Hide on Mobile  is a class (noted as "hide desktop-show", which is different than the option to select it "Hide on Mobile") that can be assigned to hide code on mobile devices. Often used for elements which negatively impact mobile experience or for elements that cannot be made mobile responsive through widget properties alone

Hide on Desktop  is a class (noted as "desktop-hide", which is different than the option to select it "Hide on Desktop") that can be assigned to hide code on desktop devices. Often used for elements which only enhance mobile experiences or for elements that assist mobile responsiveness

Avenir is a class (noted as "avenir-book", which is different than the option to select it "Avenir") that can be assigned to any text to change font family and weight to Avenir Book

Nexa Bold is a class that can be assigned to any text to change font family and weight to Nexa Bold

font-size:small is a standard property that defaults to size ____ font