Vodič za stil Webflowa
Techbit X je naš Enterprise SaaS Webflow predložak dizajniran za moderna B2B startupa. Dizajnirala ga je i razvila naša certificirana agencija Webflow na brixagency.com .
Boje
Boja akcenta
Primarna 1
Primarna 1
#408BFC
Sekundarne boje
Boja 1
Boja 1
#EEDA29
Boja 2
Boja 2
#5BBEF9
Boja 3
Boja 3
#FF467C
Boja 4
Boja 4
#72D4DE
Boja 5
Boja 5
#D7D0C3
Boja 6
Boja 6
#D7D0C3
Neutralne boje
800
Neutralno 800
#565F6F
700
Neutralno 700
#8BA0B3
600
Neutralno 600
#BDCDDC
500
Neutralno 500
#BCB5A8
400
Neutralno 400
#D7D0C3
300
Neutralno 300
#E3DFD3
200
Neutralno 200
#F8F9FA
100
Neutralno 100
#FFFFFF
Boje sustava
400
Plava 400
#086CD9
300
Plava 300
#1D88FE
200
Plava 200
#8FC3FF
100
Plava 100
#EAF4FF
400
Zelena 400
#11845B
300
Zelena 300
#05C168
200
Zelena 200
#7FDCA4
100
Zelena 100
#DEF2E6
400
Crvena 400
#DC2B2B
300
Crvena 300
#FF5A65
200
Crvena 200
#FFBEC2
100
Crvena 100
#FFEFF0
400
Narančasta 400
#D5691B
300
Narančasta 300
#FF9E2C
200
Narančasta 200
#FFD19B
100
Narančasta 100
#FFF3E4
Tipografija
Posebni naslovi
Zaslon 1
Co Naslov redovit
54 px / 1,278 em
Donec etdolr odio pelle ntesqu.
Zaslon 2
Co Naslov redovit
38 px / 1,368 em
Donec et odio lom pellen tesqu diam.
Zaslon 3
Co Naslov redovit
34 px / 1.353 em
Donec et odio pellen tesqu diam lorem ipsum dolor.
Prikaz 4
Co Naslov redovit
26 px / 1.308 em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Naslovi
Naslov H1
Co Naslov redovit
54 px / 1.222 em
Donec et odio dolor pelle ntesqu.
Donec et odio dolor pelle ntesqu.
Naslov H2
Co Naslov redovit
38 px / 1,316 em
Donec et odio pellen tesqu diam lorem ipsum dolor consectur
Donec et odio pellen tesqu diam lorem ipsum dolor consectur
Naslov H3
Co Naslov redovit
22 px / 1,455 em
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.
Naslov H4
Co Naslov redovit
20 px / 1,3 em
Donec et odio pellentesqu diam lorem ipsum dolor
Donec et odio pellentesqu diam lorem ipsum dolor
Naslov H5
Co Naslov redovit
16 px / 1,375 em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Naslov H6
Co Naslov redovit
14 px / 1,429 em
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.
Tijelo
Tijelo Veliko
Co Naslov redovit
20 px / 1,6 em
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.
Zadano tijelo
Co Naslov redovit
16 px / 1,75 em
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.
Tijelo Malo
Co Naslov redovit
12px / 1.833em
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 jednostruk
400
Inter Regular
Inter Medium
Inter Bold
22 px / 1.091 em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
300
Inter Regular
Inter Medium
Inter Bold
18 px / 1.111 em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
200
Inter Regular
Inter Medium
Inter Bold
16 px / 1,125 em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
100
Inter Regular
Inter Medium
Inter Bold
14 px / 1.143 em
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Lorem ipsum dolor sit amet consectetur
Obogaćeni tekst
Podebljani tekst
Između
Lorem ipsum dolor sit amet consectetur
Tekstna veza
Između
Bullet List
Između
- Lorem ipsum dolor sit amet consectetur
- Posuere enim mi pharetra neque proin dic
- Mauris aliquet faucibus iaculis dui vitae ullamco
Numerirani popis
Između
- Lorem ipsum dolor sit amet consectetur
- Posuere enim mi pharetra neque proin dic
- Mauris aliquet faucibus iaculis dui vitae ullamco
Blok citat
Između
18 px / 1,667 em
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
Slika i naslov
Tekst velikim slovima
Između
Lorem ipsum dolor sit amet consectetur
Tekst precrtan
Između
Lorem ipsum dolor sit amet consectetur
Podcrtani tekst
Između
Lorem ipsum dolor sit amet consectetur
Sjene
Opće sjene
Sjena 01
Sjena 02
Sjena 03
Sjena 04
Sjena 05
Sjena 06
Sjene gumba
Gumbi
Primarni gumbi
Sekundarni gumbi
Primarni kružni gumbi
Gumbi sekundarnog kruga
Gumbi za preuzimanje aplikacija
Linkovi
Značke
Primarni bedževi
Sekundarne značke
Unosi
Unos teksta
Hvala! Vaš podnesak je primljen!
Ups! Nešto nije u redu prilikom slanja obrasca.
Hvala! Vaš podnesak je primljen!
Ups! Nešto nije u redu prilikom slanja obrasca.
Hvala! Vaš podnesak je primljen!
Ups! Nešto nije u redu prilikom slanja obrasca.
Hvala! Vaš podnesak je primljen!
Ups! Nešto nije u redu prilikom slanja obrasca.
Hvala! Vaš podnesak je primljen!
Ups! Nešto nije u redu prilikom slanja obrasca.
Područje teksta
Hvala! Vaš podnesak je primljen!
Ups! Nešto nije u redu prilikom slanja obrasca.
Hvala! Vaš podnesak je primljen!
Ups! Nešto nije u redu prilikom slanja obrasca.
Potvrdni okviri
Hvala! Vaš podnesak je primljen!
Ups! Nešto nije u redu prilikom slanja obrasca.
Radio gumbi
Hvala! Vaš podnesak je primljen!
Ups! Nešto nije u redu prilikom slanja obrasca.
Avatari
Krug avatara
Ikone
Ikone
Kružne ikone
