Ghid de stil Webflow

Dataplus X este șablonul nostru final Dark Mode Technology Webflow Template creat pentru start-up-uri moderne Tech și SaaS. A fost proiectat și dezvoltat de designerii și dezvoltatorii web uimitori de la BRIX Agency.

Cumpărați șablon Înapoi la început

Culori

Culoare de accent

Primar 1

#EE7402

Culori secundare

Culoare 1

#1B6EFF

Culoare 2

#42CEFB

Culoare 3

#2D68FF

Culori neutre

800

Neutru 800

#0B101B

700

Neutru 700

#181E29

600

Neutru 600

#353C4A

500

Neutru 500

#737B89

400

Neutru 400

#A9AFBA

300

Neutru 300

#C9CED6

200

Neutru 200

#F0F3F8

100

Neutru 100

#FFFF

Culorile sistemului

400

Albastru 400

#086CD9

300

Albastru 300

#1D88FE

200

Albastru 200

#8FC3FF

100

Albastru 100

#EAF4FF

400

Verde 400

#11845B

300

Verde 300

#05C168

200

Verde 200

#7FDCA4

100

Verde 100

#DEF2E6

400

Roșu 400

#DC2B2B

300

Roșu 300

#FF5A65

200

Roșu 200

#FFBEC2

100

Roșu 100

#FFEFF0

400

Portocaliu 400

#EE7402

300

Portocaliu 300

#FF9E2C

200

Portocaliu 200

#FFD19B

100

Portocaliu 100

#FFF3E4

Tipografie

Rubrici speciale

Afișaj 1

Inter Extra Bold

65px / 1,231em

Donec etdolr odio pelle ntesqu.

Afișaj 2

Inter Extra Bold

42px / 1.333em

Donec et odio lom pellen tesqu diam.

Afișaj 3

Inter Extra Bold

28px / 1.286em

Donec et odio pellen tesqu diam lorem ipsum dolor.

Afișaj 4

Inter Extra Bold

20px / 1,500em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Rubrici

Titlul H1

Inter Extra Bold

54px / 1.222em

Donec et odio dolor pelle ntesqu.

Titlul H2

Inter Extra Bold

38px / 1,316em

Donec et odio pellen tesqu diam lorem ipsum dolor consectur

Titlul H3

Inter Extra Bold

24px / 1.417em

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

Titlul H4

Inter Extra Bold

22px / 1.273em

Donec et odio pellentesqu diam lorem ipsum dolor

Titlul H5

Inter Extra Bold

18px / 1.333em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Titlul H6

Inter Bold

16px / 1.375em

Donec et odio pellentesqu diam lorem ipsum dolor consectur drakong.

Corp

Corp mare

Inter Light

22px / 1.636em

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.

Corp implicit

Inter Light

16px / 1,750em

Corp mic

Inter Light

14px / 1.714em

Text unic

400

Inter Regular

Inter Mediu

Inter Bold

24px / 1.083em

Lorem ipsum dolor sit amet consectetur

300

Inter Regular

Inter Mediu

Inter Bold

20px / 1,100em

Lorem ipsum dolor sit amet consectetur

200

Inter Regular

Inter Mediu

Inter Bold

16px / 1.125em

Lorem ipsum dolor sit amet consectetur

100

Inter Regular

Inter Mediu

Inter Bold

14px / 1.143em

Lorem ipsum dolor sit amet consectetur

Text bogat

Text Bold

Inter

Lorem ipsum dolor sit amet consectetur

Link text

Inter

Lorem ipsum dolor sit amet consectetur

Bullet List

Inter

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

Listă numerotată

Inter

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

Blockquote

Inter

22px / 1.636em

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam."