Webflow Style Guide
Emailstudio X is our ultimate Email Marketing Agency Webflow Template designed for modern tech companies looking to launch an amazing website. It was designed & developed by the BRIX Agency team.
Colors
Accent color
Secondary colors
Neutral colors
System 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 et odio dolor pelle ntesqu.
Heading H2
Donec et odio pellen tesqu diam lorem ipsum dolor consectur
Heading H3
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.
Heading H4
Donec et odio pellentesqu diam lorem ipsum dolor
Heading H5
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Heading H6
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Body
Body Large
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 cursu.
Body 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.
Body 18px
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.
Body 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.
Body 14px
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.
Body 12px
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.
Body 9px
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.
Text single
400
300
200
100
Rich Text
Text Bold
Text Link
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
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam"
Image & Caption
Text Uppercase
Text Strikethrough
Text Underline
Shadows
General shadows
Button shadows
Buttons
Primary buttons
Secondary buttons
Primary circle buttons
Secondary circle buttons
Download Apps buttons
Badges
Primary badges
Secondary badges
Inputs
Input text
Text area
Checkboxes
Radio buttons
Avatars
Avatars circle
Icons
Image icons
Social link icons
