Webflow Style Guide

Agoncy is our premium modern start-up Webflow Template
created for companies in the fintech, tech, and corporate industries.
It was designed & developed by the team of expert designers &
developers at Wealcoder Agency.
Icon

Colors

Main Colors

Background Primary
Color Primary
#0D0F30
Background Blue
Color Blue
#0099FF
Background Light
Color Light
#606060
Background Lighter
Color Lighter
#505050
Background Grey
Color Grey
#555555
Background White
Color Grey
#FFFFFF
Background Midnight
Color Midnight
#555555
Icon

Typography

Headings

Heading H1

font-size: 110px ;  line-height: 1.1em;

Heading

Heading H2

font-size: 80px ;  line-height: 1.1em;

Heading

Heading H3

font-size: 60px ; line-height: 1.3em;

Heading

Heading H4

font-size: 40px ;  line-height: 1.3em;

Heading

Heading H5

font-size: 35px ;  line-height: 1.4em;
Heading

Heading H6

font-size: 24px ;  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: Urbanist
font-size: 26px;  line-height: 1.3em
Lorem ipsum dolor

Text Xl

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

Text Lg

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

Text Md

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

Text Sm

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

Text Xs

font-family: Urbanist
font-size: 16px: line-height: 1.5em
Lorem ipsum dolor

Font-Family

Font Urbanist

Lorem ipsum dolor

Font DM Sans

Lorem ipsum dolor

Font-Weight

Font Black

Lorem ipsum dolor

Font Bold

Lorem ipsum dolor

Font Semibold

Lorem ipsum dolor

Font Medium

Lorem ipsum dolor

Font Normal

Lorem ipsum dolor
Icon

Buttons