Style Guide

Here you can customize and style your website.

Headings
Texts
Icons
Examples
Headings
Titles for Decorations, Headings for SEO
Title
Display 3
Title Display 3
Title
Display 2
Title Display 2
Title
Display 1
Title Display 1
Title
Title Heading H1
Title
H2
Title Heading H2
Title
H3
Title Heading H3
Title
H4
Title Heading H4
Title
H5
Title Heading H5
Title
H6
Title Heading H6
Title
H7
Title Heading H7
All H1 Headings

Heading 1

All H2 Headings

Heading 2

All H3 Headings

Heading 3

All H4 Headings

Heading 4

All H5 Headings
Heading 5
All H6 Headings
Heading 6
Texts

Extra combo classes for easy to use

All Paragraphs

Creating a quirky and fun brand is always engaging because it requires so little attention but the player’s overall quality and content matters as well. For us, feedback around optimisation, coding etc is crucial, because ultimately it comes down to getting stuff done. 14/14

All Block Quotes
Creating a quirky and fun brand is always engaging because it requires so little attention but the player’s overall quality and content matters as well. 14/14
Ordered Lists
  1. I’m happy to tell you that the brand that has driven the original art direction of the Museum of Modern Art.
  2. The 25th anniversary of IMA is now upon us, and the new identity supports the museum’s ambitions to be.
  3. So, basically, it’s just a big IMA with a sunburst. Close enough there
Unordered Lists
  • I’m happy to tell you that the brand that has driven the original art direction of the Museum of Modern Art.
  • The 25th anniversary of IMA is now upon us, and the new identity supports the museum’s ambitions to be.
  • So, basically, it’s just a big IMA with a sunburst. Close enough there
All Bolds
This is bold text
All Italics
This is italic text
Rich Text

Rich Text Heading 1

The rich text element allows you to create and format headings, paragraphs, blockquotes, images video all in one place instead of having to add and format them individually.

Rich Text Heading 2

A rich text element can be used with static content.

Rich Text Heading 3

Image

Rich Text Heading 4

  • For static content
  • Just drop it into any page
Rich Text Heading 5
  1. For static content
  2. Just drop it into any page
Rich Text Heading 6

Images, and figure captions can all be styled.

Text
Tiny

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse. 12/12

Text
Small

Lorem ipsum dolor sit Suspendisse varius enim ristique. 13/13

Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum. 15/14

Text
Medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros element. 16/15

Text
Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim elementum. 17/16

Text
Extra Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius. 20/16

Icons
SVG Icons. How to use
Feather Icons
IconFinder Icons
How to add new?
1.
Go to Website
Feathericons.com
2.
Select icon you need
3.
Click on Menu «Inspect Element»
4.
Select SVG Tag and Copy It
5.
Paste the code into embed element in Webflow
6.
Remove Width & Height parameters
7.
Click Save and Exit
Examples
How to play with combo classes
Title
+
Spacer
+
Text
Extra Large
Alice in Wonderland

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus.

Title
+
Title
H4
+
Spacer
+
Text
Large
Alice in Wonderland
English novel by Lewis Carroll

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Title
+
Spacer
+
Text
Medium
Alice in Wonderland

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

Title
+
Title
H5
+
Spacer
+
Text
Alice in Wonderland
English novel by Lewis Carroll

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor.

Title
H2
+
Spacer
Small
+
Text
Medium
Alice in Wonderland

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus quis viverra ornare

Title
H2
+
Title
H6
+
Spacer
+
Text
Alice in Wonderland
English novel by Lewis Carroll

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Cursus quis viverra ornare

Title
H3
+
Spacer
Small
+
Text
Small
English novel by Lewis Carroll

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title
H4
+
Spacer
Small
+
Text
Small
English novel by Lewis Carroll

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title
H5
+
Spacer
Small
+
Text
Small
English novel by Lewis Carroll

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title
H6
+
Spacer
Small
+
Text
Small
English novel by Lewis Carroll

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title
H7
+
Spacer
Small
+
Text
Tiny
English novel by Lewis Carroll

Lorem ipsum dolor sit amet, consectetur adipiscing elit.