DIVI 5
YAL-26v01
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
Radius XS
Radius S
Radius M
Radius L
Radius XL
Radius 2XL
Box Shadow
box-shadow small
box-shadow medium
box-shadow large
Primary Color AND SHADES
PRI
SEC 100
SEC 200
SEC 300
SEC 400
SEC 500
SEC 600
SEC 700
SEC 800
SEC 900
Secondary Color and Shades
SEC
SEC 100
SEC 200
SEC 300
SEC 400
SEC 500
SEC 600
SEC 700
SEC 800
SEC 900
Grayscale
Gray
Gray 100
Gray 200
Gray 300
Gray 400
GrEy 500
Gray 600
Gray 700
Gray 800
Gray 900
Semantic
Notice
Success
error
Warning
Black Transparency
Black
Black 10%
Black 20%
Black 30%
Black 40%
Black 50%
Black 60%
Black 70%
Black 80%
Black 90%
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 - extrawide content 1920
row - wide content 1280
row - Content 1080
row - wide text
row - text
Stripes (CSS-Klasse für Musterfüllung: digitale Streifen)