Component

Webflow Style Guide

Prisla 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.
DM Sans

Colors

Main Colors

Background Primary
Color Primary
#101A2A
Background Secondary
Color Secondary
#555
Background Light
Color Light
#bed8cb
Background Primary
Color Primary
#E8BF96
DM Sans

Typography

Headings

Heading H1

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

Heading

Heading H2

font-family: DM Sans
font-size: 60px ;  line-height: 1.1em;

Heading

Heading H3

font-family: DM Sans
font-size: 40px ; line-height: 1.3em;

Heading

Heading H4

font-family: DM Sans
font-size: 28px ;  line-height: 1.3em;

Heading

Heading H5

font-family: DM Sans
font-size: 22px ;  line-height: 1.4em;
Heading
Heading H6
font-family: DM Sans
font-size: 22px ;  line-height: 1.4em;
Heading

Paragraph

font-family: DM Sans
font-size: 18px ;  line-height: 1.44em;

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.

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

Text Link

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Text Link

Body Text Style

Text Xxl

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

Text Xl

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

Text Lg

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

Text Md

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

Text Sm

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

Text Xs

font-family: DMsans
font-size: 16px: line-height: 1.5em
Lorem ipsum dolor
Button Icon

Buttons

Buttons Style

Get started now
Button Primary
Read More
Button Primary Round