DIVI 5
UI Design System
Text
Überschrift H1
Überschrift H1 dark
Überschrift H2
Überschrift H2 dark
Überschrift H3
Überschrift H3 dark
Label
Label Dark
Überschrift H1 xlarge
Überschrift H1 xlarge
Überschrift H1 xlarge
Responsive Schriftgrößen mit clamp()
Die CSS-Funktion clamp() ist eine relative neue Funktion, mit der man einen minimalen und einen maximalen Wert angeben kann. Das kann die Breite eines Elements sein (width), aber man kann die Funktion auch für Schriftgrößen (font-size) verwenden. Kompletter Artikel
Buttons
Borders
Border small
Border Medium
Border Large
Border-Radius
Border-Radius small
Border-Radius Medium
Border-Radius Large
Border-Radius
Border small
Border Medium
Border Large
Box Shadow
Box Shadow small
Box Shadow Medium
Box shadow Large
Primary Colors
PRI
SEC 100
SEC 200
SEC 300
SEC 400
SEC 500
SEC 600
SEC 700
SEC 800
SEC 900
Secondary Colors
SEC
SEC 100
SEC 200
SEC 300
SEC 400
SEC 500
SEC 600
SEC 700
SEC 800
SEC 900
GrEy
Grey
GrEy 100
GrEy 200
GrEy 300
GrEy 400
GrEy 500
GrEy 600
GrEy 700
GrEy 800
GrEy 900
White Transpareny
White
White 10%
White 20%
White 30%
White 40%
White 50%
GrEy 600
GrEy 700
GrEy 800
GrEy 900
Margins
margin-top
small
margin-top
Medium
margin-top
Large
margin-bottom
small
margin-bottom
Medium
margin-bottom
Large
Padding
padding small
padding medium
padding large
Rows
content row
text row