Krafter

Divi 5 Design Sys­tem v2.4

text

Heading 1

Heading 1

Heading 2

Heading 2

Heading 3

Heading 3

Heading 4

Heading 4

Heading 5
Heading 5
Heading 6
Heading 6

label

Body Text - Prae­sent dapi­bus neque id cur­sus fau­ci­bus tor­tor neque eges­tas auguae eu vul­pu­ta­te magna eros eu erat. Ali­quam erat volut­pat. Nam dui mi tin­cidunt quis accum­san port­ti­tor faci­li­sis luc­tus metus.

Body Text - Prae­sent dapi­bus neque id cur­sus fau­ci­bus tor­tor neque eges­tas auguae eu vul­pu­ta­te magna eros eu erat. Ali­quam erat volut­pat. Nam dui mi tin­cidunt quis accum­san port­ti­tor faci­li­sis luc­tus metus.

Small Body Text - Prae­sent dapi­bus neque id cur­sus fau­ci­bus tor­tor neque eges­tas auguae eu vul­pu­ta­te magna eros eu erat. Ali­quam erat volut­pat. Nam dui mi tin­cidunt quis accum­san port­ti­tor faci­li­sis luc­tus metus.

Small Body Text - Prae­sent dapi­bus neque id cur­sus fau­ci­bus tor­tor neque eges­tas auguae eu vul­pu­ta­te magna eros eu erat. Ali­quam erat volut­pat. Nam dui mi tin­cidunt quis accum­san port­ti­tor faci­li­sis luc­tus metus.

Lar­ge Body Text - Prae­sent dapi­bus neque id cur­sus fau­ci­bus tor­tor neque eges­tas auguae eu vul­pu­ta­te magna eros eu erat. Ali­quam erat volut­pat. Nam dui mi tin­cidunt quis accum­san port­ti­tor faci­li­sis luc­tus metus.

Lar­ge Body Text - Prae­sent dapi­bus neque id cur­sus fau­ci­bus tor­tor neque eges­tas auguae eu vul­pu­ta­te magna eros eu erat. Ali­quam erat volut­pat. Nam dui mi tin­cidunt quis accum­san port­ti­tor faci­li­sis luc­tus metus.

  • Ali­quam tin­cidunt mau­ris eu risus.
  • Ves­ti­bu­lum auc­tor dapi­bus neque.
  • Nunc dig­nis­sim risus id metus.
  • Cras ornare tris­tique elit.
  • Ali­quam tin­cidunt mau­ris eu risus.
  • Ves­ti­bu­lum auc­tor dapi­bus neque.
  • Nunc dig­nis­sim risus id metus.
  • Cras ornare tris­tique elit.

Pha­sel­lus ultri­ces nulla quis nibh. Quis­que a lec­tus. Donec con­sec­te­tuer ligu­la vul­pu­ta­te sem tris­tique cur­sus. Nam nulla quam gra­vi­da non com­mo­do a soda­les sit amet nisi.

Pha­sel­lus ultri­ces nulla quis nibh. Quis­que a lec­tus. Donec con­sec­te­tuer ligu­la vul­pu­ta­te sem tris­tique cur­sus. Nam nulla quam gra­vi­da non com­mo­do a soda­les sit amet nisi.

Click Here

Heading large

Heading large

Heading xlarge

Heading xlarge

Heading xxlarge

Heading xxlarge

but­tons

Pri­ma­ry Small
Main But­ton
Pri­ma­ry Small
Main But­ton
Pri­ma­ry Small
Main But­ton
Secon­da­ry Small
Secon­da­ry But­ton
Secon­da­ry Small
Secon­da­ry But­ton
Secon­da­ry Small
Secon­da­ry But­ton
Neu­tral Small
Neu­tral But­ton
Dark Neu­tral Small
Dark Neu­tral But­ton

pri­ma­ry color

pri 100

pri 200

pri 300

pri 400

pri 500

pri 600

pri 700

pri 800

pri 900

secon­da­ry color

sec 100

sec 200

sec 300

sec 400

sec 500

sec 600

sec 700

sec 800

sec 900

SEMANTIC colors

sec 100

sec 200

sec 300

sec 400

Gray

gray 50

gray 100

gray 200

gray 300

gray 400

gray 500

gray 600

gray 700

gray 800

gray 900

bor­ders

bor­der 0 

bor­der 1

bor­der 2

Icons

Shadows

shadow xs 

shadow small

shadow medi­um

shadow lar­ge

pad­ding

pad­ding xs

pad­ding s

pad­ding m

pad­ding l

pad­ding xl

pad­ding top xs

pad­ding top s

pad­ding top m

pad­ding top l

pad­ding top xl

mar­gin

mar­gin top xs

mar­gin top s

mar­gin top m

mar­gin top l

mar­gin top xl

mar­gin bot­tom xs

mar­gin bot­tom s

mar­gin bot­tom m

mar­gin bot­tom l

mar­gin bot­tom xl

.

ALERTS

Noti­ce: Mor­bi in sem quis dui pla­ce­rat ornare. Pel­len­tes­que odio nisi euis­mod in pha­re­tra a ultri­ci­es in diam. Sed arcu. Cras con­se­quat.

Suc­cess: Mor­bi in sem quis dui pla­ce­rat ornare. Pel­len­tes­que odio nisi euis­mod in pha­re­tra a ultri­ci­es in diam. Sed arcu. Cras con­se­quat.

War­ning: Mor­bi in sem quis dui pla­ce­rat ornare. Pel­len­tes­que odio nisi euis­mod in pha­re­tra a ultri­ci­es in diam. Sed arcu. Cras con­se­quat.

War­ning: Mor­bi in sem quis dui pla­ce­rat ornare. Pel­len­tes­que odio nisi euis­mod in pha­re­tra a ultri­ci­es in diam. Sed arcu. Cras con­se­quat.

boar­der radi­us

radi­us 0

radi­us m

radi­us xs

radi­us l

radi­us s

radi­us xl

boar­der radi­us

rows

text row

wide text row

con­tent row

wide con­tent row

sec­tion small

sec­tion m

sec­tion l

sec­tion xl

sec­tion FULL