Krafter
Divi 5 Design System v2.2
text
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
label
Body Text – Praesent dapibus neque id cursus faucibus tortor neque egestas auguae eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi tincidunt quis accumsan porttitor facilisis luctus metus.
Small Body Text – Praesent dapibus neque id cursus faucibus tortor neque egestas auguae eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi tincidunt quis accumsan porttitor facilisis luctus metus.
Large Body Text – Praesent dapibus neque id cursus faucibus tortor neque egestas auguae eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi tincidunt quis accumsan porttitor facilisis luctus metus.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Nunc dignissim risus id metus.
- Cras ornare tristique elit.
Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam gravida non commodo a sodales sit amet nisi.
Heading large
Heading xlarge
Heading xxlarge
text
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
label
Body Text – Praesent dapibus neque id cursus faucibus tortor neque egestas auguae eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi tincidunt quis accumsan porttitor facilisis luctus metus.
Small Body Text – Praesent dapibus neque id cursus faucibus tortor neque egestas auguae eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi tincidunt quis accumsan porttitor facilisis luctus metus.
Large Body Text – Praesent dapibus neque id cursus faucibus tortor neque egestas auguae eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi tincidunt quis accumsan porttitor facilisis luctus metus.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Nunc dignissim risus id metus.
- Cras ornare tristique elit.
Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam gravida non commodo a sodales sit amet nisi.
Heading large
Heading xlarge
Heading xxlarge
buttons
primary color
pri 100
pri 200
pri 300
pri 400
pri 500
pri 600
pri 700
pri 800
pri 900
secondary 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
borders
border 0
border 1
border 2
Icons
Shadows
shadow xs
shadow small
shadow medium
shadow large
padding
padding xs
padding s
padding m
padding l
padding xl
padding top xs
padding top s
padding top m
padding top l
padding top xl
margin
margin top xs
margin top s
margin top m
margin top l
margin top xl
margin bottom xs
margin bottom s
margin bottom m
margin bottom l
margin bottom xl
.
ALERTS
Notice: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Success: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Warning: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Warning: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
boarder radius
radius 0
radius m
radius xs
radius l
radius s
radius xl
boarder radius
rows
text row
wide text row
content row
wide content row
section small
section m
section l
section xl
section FULL