Component

Webflow Style Guide

Agency-X is our premium modern startup 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.
Style Dropdown Icon

Colors

Main Colors

Text Classes

text-size-large

Sample text is being used as a placeholder for real text that is normally present.

text-size-medium

Sample text is being used as a placeholder for real text that is normally present on your website.

text-size-regular

Sample text is being used as a placeholder for real text that is normally present on your website.

text-size-small

Sample text is being used as a placeholder for real text that is normally present on your website.

Font-weight Classes

text-weight-medium

Sample text is being used as a placeholder for real text that is normally present.

text-weight-semibold

Sample text is being used as a placeholder for real text that is normally present.

text-weight-bold

Sample text is being used as a placeholder for real text that is normally present.

Spacers

spacer-small
spacer-xlarge

Padding Utility Classes

Use this classes form custom attributes where you need no bottom or top padding. Example: class="padding-bottom-none", or class="padding-top-none"

padding-bottom-none

Sample text is being used as a placeholder for real text that is normally present.

padding-top-none

Sample text is being used as a placeholder for real text that is normally present on your website.

Style Dropdown Icon

Typography

Headings

Heading H1
font-family: Euclid Circular B
font-size: 60px ;  line-height: 1.1em;

Heading

Heading H2
font-family: Euclid Circular B
font-size: 60px ;  line-height: 1.1em;

Heading

Heading H3
font-family: Euclid Circular B
font-size: 40px ; line-height: 1.3em;

Heading

Heading H4

font-family: Euclid Circular B
font-size: 28px ;  line-height: 1.3em;

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

Style Dropdown Icon

Buttons