Webflow Style Guide

Resumy is our premium modern startup Webflow Template
created for personal uses like portfolio and small businesses.

Navigation Style

Colors

Main Colors

Background Primary
Color Primary
#A031E3
Background Primary 2
Color Primary 2
#EE4D38
Background Dark
Color Dark
#1F1F1F
Background Dark 2
Color Dark 2
#202020
Background Dark Lite
Color Dark Lite
#555555
Background White
Color White
#ffffff
Background Grey
Color Grey
#E2E2E2

Typography

Headings

Heading H1
font-family: Uxum Grotesque
font-size: 300px ;  line-height: 1.1em;

Demo
Text

Heading H2

font-family: Uxum Grotesque
font-size: 220px ;  line-height: 1.1em;

Demo
Text

Heading H3

font-family: Uxum Grotesque
font-size: 190px ; line-height: 1.3em;

Demo Text

Heading H4

font-family: Uxum Grotesque
font-size: 140px ;  line-height: 1.3em;

Demo Text

Heading H5

font-family: Uxum Grotesque
font-size: 120px ;  line-height: 1.4em;
Demo Text

Heading H6

font-family: Uxum Grotesque
font-size: 110px ;  line-height: 1.4em;
Demo Text

Custom Headings

Heading H1
font-family: Uxum Grotesque
font-size: 300px ;  line-height: 1.1em;

Demo Text

Heading H2

font-family: Uxum Grotesque
font-size: 60px ;  line-height: 1.1em;

Demo Text

Heading H3

font-family: Uxum Grotesque
font-size: 40px ; line-height: 1.3em;

Demo Text

Heading H4

font-family: Uxum Grotesque
font-size: 28px ;  line-height: 1.3em;

Demo Text

Heading H5

font-family: Uxum Grotesque
font-size: 22px ;  line-height: 1.4em;
Demo Text

Heading H6

font-family: Uxum Grotesque
font-size: 22px ;  line-height: 1.4em;
Demo Text

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

Text Xl

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

Text Lg

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

Text Md

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

Text Sm

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

Text Xs

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

Display Italic

font-family: Uxum
Lorem ipsum dolor

Buttons

Buttons Style

Email Me
Button Primary
Button Primary
Button Primary Icon
Button Hollow Light
Button Hollow Dark
Button Hollow Dark