Typography

PRIMARY TYPO - Heading TEXT

Aa

Poppins | ExtraBold

A B C D E F G H I J K L M N O P Q R S T U V X Y Z a b c d e f g h i j k l m n o p q r s t u v x y z 0 1 2 3 4 5 6 7 8 9 ! ? . : ; - + = <> º ª ™ { } [ ] ( ) / \ @ & % $

Secundary TYPO - body text

Aa

Lato| Regular

A B C D E F G H I J K L M N O P Q R S T U V X Y Z a b c d e f g h i j k l m n o p q r s t u v x y z 0 1 2 3 4 5 6 7 8 9 ! ? . : ; - + = <> º ª ™ { } [ ] ( ) / \ @ & % $

Headings

.H1 | 80px - 40px

Design is not just what it looks like and feels like. Design is how it works.

.H2 | 60px - 30Px

The worst misstep one can make in design is to solve the wrong problem.

.H3 | 40px - 20Px

Creativity is allowing yourself to make mistakes. Design is knowing which ones to keep.

.H4 | 30px - 24Px

Creativity is allowing yourself to make mistakes. Design is knowing which ones to keep.

Preamble & Paragraph

.Preamble | 26px - 20px

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.

.Paragraph | 20px - 16px

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.

According to research from the National Retail Federation and data firm Appriss, retailers annually lose around $18 billion to what’s classified as “return fraud”. That jaw-dropping number doesn’t even begin to account for the devastating loss and cost that occurs if your company loses its merchant processing account. With the ever-increasing shift toward e-commerce purchasing, return fraud becomes more and more of a concern.

Rich text - Inherits from above

What’s a Rich Text element?

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.

Static and dynamic content editing

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!

How to customize formatting for each rich text

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.

According to research from the National Retail Federation and data firm Appriss, retailers annually lose around $18 billion to what’s classified as “return fraud”. That jaw-dropping number doesn’t even begin to account for the devastating loss and cost that occurs if your company loses its merchant processing account. With the ever-increasing shift toward e-commerce purchasing, return fraud becomes more and more of a concern.

Color Swatches

Black
#212429
Dark Grey
#495057
Grey
#acb5bd
Light grey
#dde2e5
Green
#17d892

Buttons

Button With Arrow
ARROW BUTTON
Ghost Button
Button Text