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
Hier kommt Ihr Titel hin
Hier steht Ihr Inhalt. Bearbeiten oder entfernen Sie diesen Text direkt hier oder in den Inhaltseinstellungen des Moduls. Sie können außerdem jedes Detail dieses Inhalts in den Designeinstellungen des Moduls gestalten und sogar benutzerdefiniertes CSS in den erweiterten Einstellungen anwenden.
Hier steht Ihr Inhalt. Bearbeiten oder entfernen Sie diesen Text direkt hier oder in den Inhaltseinstellungen des Moduls. Sie können außerdem jedes Detail dieses Inhalts in den Designeinstellungen des Moduls gestalten und sogar benutzerdefiniertes CSS in den erweiterten Einstellungen anwenden.
Buttons
Borders
Border small
Border Medium
Border Large
Border-Radius
Border-Radius small
Border-Radius Medium
Border-Radius 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
Gray
Gray
Gray 100
Gray 200
Gray 300
Gray 400
GrEy 500
Gray 600
Gray 700
Gray 800
Gray 900
White Transparency
White
White 10%
White 20%
White 30%
White 40%
White 50%
White 60%
White 70%
White 80%
White 90%
Margins
Margin-Top
Small
Margin-Top
medium
Margin-Top
large
Margin-Bottom
small
Margin-Bottom
medium
Margin-Bottom
large
Margin-Top
Margin-Bottom
small
Margin-Top
Margin-Bottom
medium
Margin-Top
Margin-Bottom
large
Padding
padding small
padding medium
padding large
Rows
row - full
row - wide content 1920
row - wide content 1280
row - Content 1080
row - wide text
row - text