Webflow Style Guide
Mori is our Elegant Creative Agency Webflow Template designed for modern design firms. It was designed & developed by the Webflow Agency at 2PLUS Templates.
Colors
Typography
Special headings
Display 1
Donec etdolr odio pelle ntesqu.
Display 2
Donec et odio lom pellen tesqu diam.
Display 3
Donec et odio pellen tesqu diam lorem ipsum dolor.
Display 4
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Headings
Heading H1
Donec etdolr odio pelle ntesqu.
Heading H2
Donec et odio lom pellen tesqu diam.
Heading H3
Donec et odio pellen tesqu diam lorem ipsum dolor.
Heading H4
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Heading H5
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Heading H6
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong. Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Paragraph
Big
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.
Default
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.
Small
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.
Text single
400
200
100
Text color
Text - Color 100
Text - Color 200
Text - Color 800
Rich Text
Rich V1
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.
Rich V2
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
Rich V2 Light
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.
Text Style
Text Uppercase
Text Strikethrough
Text Underline
Link
Text Link
Buttons
.svg)
Lists
Bullet List
- Lorem ipsum dolor sit amet consectetur
- Posuere enim mi pharetra neque proin dic
- Mauris aliquet faucibus iaculis dui vitae ullamco
Numbered List
- Lorem ipsum dolor sit amet consectetur
- Posuere enim mi pharetra neque proin dic
- Mauris aliquet faucibus iaculis dui vitae ullamco
Blockquote
Blockquote
“Lorem ipsum dolor sit amet, consectetur adipiscing elit nunc gravida purus urna, ipsum eu morbi in enim”