Webflow Style Guide

CleaningZ is our premium modern startup webflow template.created for companies in the Cleaning. It was designed and developed by a team of expert designers and developers at Wealcoder Agency.
color icon

Colors

Main Colors

Background Primary
Color Primary
#027AE9
Background Secondary
Color Secondary
#FFDE2E
Background Dark
Color Dark
#071536
Background Dark Light
Color Dark Light
#515B72
font icon

Typography

Headings

Heading H1

font-family: Inter
font-size: 90px ;  line-height: 1.1em;

Heading

Heading H2

font-family: Inter
font-size: 70px ;  line-height: 1.1em;

Heading

Heading H3

font-family: Inter
font-size: 48px ; line-height: 1.3em;

Heading

Heading H4

font-family: Inter
font-size: 32px ;  line-height: 1.3em;

Heading

Heading H5
font-family: Inter
font-size: 24px ;  line-height: 1.4em;
Heading
Heading H6
font-family: Inter
font-size: 22px ;  line-height: 1.4em;
Heading

Rich Text Style

Heading H1

Heading H2

Heading-3

Heading-4

Heading-5
Heading-6

ecorated in shades of decadent jewels, dripping with lights and a bangin' sound system, Saturdays go hand in hand with SEDUCTION. Prepare yourself

Purus non enim praesent elemenntum facilisis leo. Quis lectus nulla at volutpat. Nunc scelerisquecicerra mauis in aliquam sem fringilla. Nam at lectus duis convallis convallis tellus. Fames acturpic egistas integer eget aliquet nibh tristique.

Being clear in your head of what you want to achieve will aid you big time in moving forward with your plan. However, a crucial thing to consider here is to set realistic goals.  By setting realistic goals, we mean that you should consider your resources such as budget and time. Before moving forward with your architectural plan.

Success needs hard work. Don’t listen to these ‘get rich quick’ schemes. You need to build your character and work hard on yourself and your business to achieve greatness. Work hard and work smart. Do the right things and do them in the right way. Don’t procrastinate. Take bold actions. Work long hours and craft your legacy.

  1. In enim justo, rhoncus ut, imperdiet a, venenatis vitae.
  2. Nullam dictum felis eu pede mollis pretium.
  3. Integer tincidunt. Cras dapibus.
  • In enim justo, rhoncus ut, imperdiet a, venenatis vitae.
  • Nullam dictum felis eu pede mollis pretium.
  • Integer tincidunt. Cras dapibus

Paragraph Link — Bold Text — Italic Text

Body Text Style

Text Xxl

font-family: Inter
font-size: 26px;  line-height: 1.3em
Lorem ipsum dolor

Text Xl

font-family: Inter
font-size: 24px; line-height:1.3em
Lorem ipsum dolor

Text Lg

font-family: Inter
font-size: 22px; line-height: 1.4em
Lorem ipsum dolor

Text Md

font-family: Inter
font-size: 20px; line-height: 1.4em
Lorem ipsum dolor

Text Sm

font-family: Inter
font-size: 18px ; line-height:1.4em
Lorem ipsum dolor

Text Xs

font-family: Inter
font-size: 16px: line-height: 1.5em
Lorem ipsum dolor
buttons icon

Buttons

Buttons Style

Button Primary