Web3 X Webflow-skabelon - Logo
Grundlæggende stilarter
Komponenter
Få skabelon

Webflow stilguide

Web3 X er vores førsteklasses DeFi, Crypto & Blockchain Webflow Template skabt til moderne startups i kryptobranchen. Den er designet og udviklet af Webflow Crypto Agency hos BRIX Templates.

Hent skabelonTilbage til start
Ikon for typografi - X Webflow-skabelon

Farver

Accentfarve

Primær 1
Primær 1
#3A71FF

Neutrale farver

800
Neutral 800
#111029
700
Neutral 700
#2F2C42
600
Neutral 600
#57596C
500
Neutral 500
#A0A3BD
400
Neutral 400
#DCDDEB
300
Neutral 300
#EFF0F6
200
Neutral 200
#F7F7FC
100
Neutral 100
#FFFFFF

Systemets farver

400
Blå 400
#086CD9
300
Blå 300
#1D88FE
200
Blå 200
#8FC3FF
100
Blå 100
#EAF4FF
400
Grøn 400
#11845B
300
Grøn 300
#05C168
200
Grøn 200
#7FDCA4
100
Grøn 100
#DEF2E6
400
Rød 400
#DC2B2B
300
Rød 300
#FF5A65
200
Rød 200
#FFBEC2
100
Rød 100
#FFEFF0
400
Orange 400
#D5691B
300
Orange 300
#FF9E2C
200
Orange 200
#FFD19B
100
Orange 100
#FFF3E4
Ikon for typografi - X Webflow-skabelon

Typografi

Særlige overskrifter

Display 1

Thicccboi halvfed
90px / 1.089em

Donec etdolr odio pelle ntesqu.

Display 2

Thicccboi halvfed
60px / 1.183em

Donec et odio lom pellen tesqu diam.

Display 3

Thicccboi halvfed
44px / 1.364em

Donec et odio pellen tesqu diam lorem ipsum dolor.

Display 4

Thicccboi halvfed
32px / 1.375em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Display 5

Thicccboi halvfed
26px / 1.538em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Display 6

Thicccboi halvfed
38px / 1.158em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Overskrifter

Overskrift H1

Thicccboi halvfed
54px / 1.222em

Donec et odio dolor pelle ntesqu.

Donec et odio dolor pelle ntesqu.

Overskrift H2

Thicccboi halvfed
46px / 1.304em

Donec et odio pellen tesqu diam lorem ipsum dolor consectur

Donec et odio pellen tesqu diam lorem ipsum dolor consectur

Overskrift H3

Thicccboi halvfed
24px / 1.417em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong dolor sit amet consec.

Overskrift H4

Thicccboi halvfed
22px / 1.273em

Donec et odio pellentesqu diam lorem ipsum dolor

Donec et odio pellentesqu diam lorem ipsum dolor

Overskrift H5

Thicccboi halvfed
18px / 1.333em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Overskrift H6

Thicccboi halvfed
16px / 1.375em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Krop

Krop Stor

Thicccboi Medium
24px / 1.583em

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 cursu.

Krop Standard

Thicccboi Medium
18px / 1.667em

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.

Krop Lille

Thicccboi Medium
14px / 1.714em

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.

Tekst enkelt

400

Thicccboi Regelmæssig
Thicccboi Medium
Thicccboi halvfed
24px / 1.083em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

300

Thicccboi Regelmæssig
Thicccboi Medium
Thicccboi halvfed
20px / 1.1em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

200

Thicccboi Regelmæssig
Thicccboi Medium
Thicccboi halvfed
18px / 1.111em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

100

Thicccboi Regelmæssig
Thicccboi Medium
Thicccboi halvfed
16px / 1.125em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur

Fyldig tekst

Tekst med fed skrift

Thicccboi
Lorem ipsum dolor sit amet consectetur

Tekstlink

Thicccboi

Punktliste

Thicccboi
  • Lorem ipsum dolor sit amet consectetur
  • Posuere enim mi pharetra neque proin dic
  • Mauris aliquet faucibus iaculis dui vitae ullamco

Nummereret liste

Thicccboi
  1. Lorem ipsum dolor sit amet consectetur
  2. Posuere enim mi pharetra neque proin dic
  3. Mauris aliquet faucibus iaculis dui vitae ullamco

Blokcitat

Thicccboi
26px / 1.615em
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Billede og billedtekst

Lorem ipsum dolor sit amet consectur

Tekst Store bogstaver

Thicccboi
Lorem ipsum dolor sit amet consectetur

Gennemstregning af tekst

Thicccboi
Lorem ipsum dolor sit amet consectetur

Understregning af tekst

Thicccboi
Lorem ipsum dolor sit amet consectetur
Skyggeikon - X Webflow-skabelon

Skygger

Generelle skygger

Skygge 01
Skygge 02
Skygge 03
Skygge 04
Skygge 05
Skygge 06

Skygger på knapper

Farve på knap 01
Farve på knap 02
Farve på knap 03
Knap hvid 01
Knap hvid 02
Knap hvid 03
Ikon for knapper - X Webflow-skabelon

Knapper

Primære knapper

Lille
Knap Lille
Standard
Knap Standard
Stor
Knap stor
Lille
Knap Lille
Standard
Knap Standard
Stor
Knap stor

Sekundære knapper

Lille
Knap Lille
Standard
Knap Standard
Stor
Knap stor
Lille
Knap Lille
Standard
Knap Standard
Stor
Knap stor

Primære cirkelknapper

Sekundære cirkelknapper

Knapper til download af apps

Links

Links

Link til emne
Link til emne
Link til emne
Link til emne
Link til emne
Link til emne
Badges-ikon - X Webflow-skabelon

Badges

Primære badges

Lille
Badge lille
Standard
Badge Standard
Stor
Badge Large
Lille
Badge lille
Standard
Badge Standard
Stor
Badge Large
Lille
Badge lille
Standard
Badge Standard
Stor
Badge Large

Sekundære badges

Lille
Badge lille
Standard
Badge Standard
Stor
Badge Large
Lille
Badge lille
Standard
Badge Standard
Stor
Badge Large
Lille
Badge lille
Standard
Badge Standard
Stor
Badge Large
Ikon for input - X Webflow-skabelon

Indgange

Indtast tekst

Tak skal du have! Din indsendelse er modtaget!
Ups! Noget gik galt, da du indsendte formularen.
Tak skal du have! Din indsendelse er modtaget!
Ups! Noget gik galt, da du indsendte formularen.
Tak skal du have! Din indsendelse er modtaget!
Ups! Noget gik galt, da du indsendte formularen.
Standard
Tak skal du have! Din indsendelse er modtaget!
Ups! Noget gik galt, da du indsendte formularen.
Standard
Tak skal du have! Din indsendelse er modtaget!
Ups! Noget gik galt, da du indsendte formularen.

Tekstområde

Tak skal du have! Din indsendelse er modtaget!
Ups! Noget gik galt, da du indsendte formularen.
Tak skal du have! Din indsendelse er modtaget!
Ups! Noget gik galt, da du indsendte formularen.

Afkrydsningsfelter

Tak skal du have! Din indsendelse er modtaget!
Ups! Noget gik galt, da du indsendte formularen.

Radioknapper

Tak skal du have! Din indsendelse er modtaget!
Ups! Noget gik galt, da du indsendte formularen.
Avatars-ikon - X Webflow-skabelon

Avatarer

Avatars cirkel

Ikoner Ikon - X Webflow-skabelon

Ikoner

Firkantede ikoner

Valutaer og råvarer - Web3 X Webflow-skabelonHandel i realtid - Web3 X Webflow-skabelonAvancerede diagrammer - Web3 Webflow-skabelonKryptovalutaer - Web3 X Webflow-skabelonSikkerhed i virksomhedsklasse - Web3 X Webflow-skabelonETF'er og aktier - Web3 X Webflow-skabelonOpret din første tegnebog - Web3 X Webflow-skabelonOpret din konto - Web3 X Webflow-skabelonGennemsigtig - Web3 X Webflow-skabelonSamfundsdrevet - Web3 X Webflow-skabelonÅben kildekode - Web3 X Webflow-skabelonDecentraliseret - Web3 X Webflow-skabelonWeb3 blev grundlagt - Web3 X Webflow-skabelonOpnået serie B - Web3 X Webflow-skabelon100 millioner brugere - Web3 Webflow-skabelon10M brugere - Web3 X Webflow-skabelonOpnået serie A - Web3 X Webflow-skabelon

Firkantede ikoner

Ikon Font Ikon - X Webflow-skabelon

Ikon-skrifttyper

Afrundede linjeikoner

Firkantede linjeikoner

Udfyldte ikoner

Ikoner til sociale medier