Module set · Content
Content presets
The modules that carry words — headings, copy, quotes and the small print around them. Every preset below is rendered on the real module at full width — open the page in the Visual Builder and edit a specimen to change the preset at its source.
18
Modules
79
Element presets
Module
Heading
7 element presets.
DL TitleDIVI LOVE
The quick brown fox
DL DisplayDIVI LOVE
The quick brown fox
DL SectionDIVI LOVE
The quick brown fox
DL CardDIVI LOVE
The quick brown fox
DL KickerDIVI LOVE
The quick brown fox
DL MicroDIVI LOVE
The quick brown fox
DL BaseDIVI LOVE
The quick brown fox
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Headings — DL Display, DL Display On Accent, DL Display On Inverse, DL Title, DL Title On Accent, DL Section, DL Card, DL Card On Accent, DL Kicker, DL Kicker On Accent, DL Kicker On Inverse, DL Micro, DL Micro On Accent, DL Section On Accent, DL Section On Inverse, DL Card On Inverse, DL Title On Inverse, DL Micro On Inverse
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Text
15 element presets.
DL BodyDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
DL LeadDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
DL BadgeDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
DL Badge SuccessDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
DL Badge WarningDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
DL Badge DangerDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
DL BaseDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
DL Badge InfoDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
DL Badge PrimaryDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
DL Badge SecondaryDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
DL Badge MutedDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
DL LabelDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
DL Label MutedDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
DL Label PrimaryDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
DL Label On InverseDIVI LOVE
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs — a line of body copy long enough to show how the preset sets measure, leading and colour together.
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Body text — DL Body, DL Lead, DL Lead On Accent, DL Lead On Inverse, DL Small, DL Small On Accent, DL Small On Inverse, DL Eyebrow, DL Eyebrow On Accent, DL Eyebrow On Inverse, DL Quote, DL Quote On Accent, DL Caption, DL Caption On Accent, DL Caption On Inverse, DL Body On Accent, DL Body On Inverse, DL Quote On Inverse, DL Badge, DL Badge On Success, DL Badge On Warning, DL Badge On Danger, DL Badge On Accent, DL Badge On Inverse, DL Body On Primary Subtle, DL Badge On Info, DL Badge On Primary, DL Badge On Secondary, DL Badge Muted, DL Eyebrow Muted, DL Eyebrow Primary
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Blurb
9 element presets.
DL CardDIVI LOVE
DL Icon LedDIVI LOVE
DL Card DarkDIVI LOVE
DL BorderedDIVI LOVE
DL FlatDIVI LOVE
DL ElevatedDIVI LOVE
DL BaseDIVI LOVE
A short feature
Preset applied to this blurb.
DL AccentDIVI LOVE
DL PrimaryDIVI LOVE
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Headings — DL Display, DL Display On Accent, DL Display On Inverse, DL Title, DL Title On Accent, DL Section, DL Card, DL Card On Accent, DL Kicker, DL Kicker On Accent, DL Kicker On Inverse, DL Micro, DL Micro On Accent, DL Section On Accent, DL Section On Inverse, DL Card On Inverse, DL Title On Inverse, DL Micro On Inverse
Body text — DL Body, DL Lead, DL Lead On Accent, DL Lead On Inverse, DL Small, DL Small On Accent, DL Small On Inverse, DL Eyebrow, DL Eyebrow On Accent, DL Eyebrow On Inverse, DL Quote, DL Quote On Accent, DL Caption, DL Caption On Accent, DL Caption On Inverse, DL Body On Accent, DL Body On Inverse, DL Quote On Inverse, DL Badge, DL Badge On Success, DL Badge On Warning, DL Badge On Danger, DL Badge On Accent, DL Badge On Inverse, DL Body On Primary Subtle, DL Badge On Info, DL Badge On Primary, DL Badge On Secondary, DL Badge Muted, DL Eyebrow Muted, DL Eyebrow Primary
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Call To Action
8 element presets.
DL CardDIVI LOVE
DL BorderedDIVI LOVE
DL FlatDIVI LOVE
DL ElevatedDIVI LOVE
DL BaseDIVI LOVE
Ready when you are
One line of supporting copy, then the call to action.
DL SurfaceDIVI LOVE
DL PrimaryDIVI LOVE
DL DarkDIVI LOVE
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Headings — DL Display, DL Display On Accent, DL Display On Inverse, DL Title, DL Title On Accent, DL Section, DL Card, DL Card On Accent, DL Kicker, DL Kicker On Accent, DL Kicker On Inverse, DL Micro, DL Micro On Accent, DL Section On Accent, DL Section On Inverse, DL Card On Inverse, DL Title On Inverse, DL Micro On Inverse
Body text — DL Body, DL Lead, DL Lead On Accent, DL Lead On Inverse, DL Small, DL Small On Accent, DL Small On Inverse, DL Eyebrow, DL Eyebrow On Accent, DL Eyebrow On Inverse, DL Quote, DL Quote On Accent, DL Caption, DL Caption On Accent, DL Caption On Inverse, DL Body On Accent, DL Body On Inverse, DL Quote On Inverse, DL Badge, DL Badge On Success, DL Badge On Warning, DL Badge On Danger, DL Badge On Accent, DL Badge On Inverse, DL Body On Primary Subtle, DL Badge On Info, DL Badge On Primary, DL Badge On Secondary, DL Badge Muted, DL Eyebrow Muted, DL Eyebrow Primary
Buttons — DL Button: Primary, DL Button: Secondary, DL Button: Ghost, DL Button: Ghost On Accent, DL Button: For Accent Panel, DL Button: Accent, DL Button: Subtle, DL Button: Ghost On Inverse, DL Button: Large, DL Button: Small
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Testimonial
8 element presets.
DL CardDIVI LOVE
It reads like the rest of the site, which is the whole point of a design system.
DL Card DarkDIVI LOVE
It reads like the rest of the site, which is the whole point of a design system.
DL BorderedDIVI LOVE
It reads like the rest of the site, which is the whole point of a design system.
DL FlatDIVI LOVE
It reads like the rest of the site, which is the whole point of a design system.
DL ElevatedDIVI LOVE
It reads like the rest of the site, which is the whole point of a design system.
DL BaseDIVI LOVE
It reads like the rest of the site, which is the whole point of a design system.
DL AccentDIVI LOVE
It reads like the rest of the site, which is the whole point of a design system.
DL PrimaryDIVI LOVE
It reads like the rest of the site, which is the whole point of a design system.
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Headings — DL Display, DL Display On Accent, DL Display On Inverse, DL Title, DL Title On Accent, DL Section, DL Card, DL Card On Accent, DL Kicker, DL Kicker On Accent, DL Kicker On Inverse, DL Micro, DL Micro On Accent, DL Section On Accent, DL Section On Inverse, DL Card On Inverse, DL Title On Inverse, DL Micro On Inverse
Body text — DL Body, DL Lead, DL Lead On Accent, DL Lead On Inverse, DL Small, DL Small On Accent, DL Small On Inverse, DL Eyebrow, DL Eyebrow On Accent, DL Eyebrow On Inverse, DL Quote, DL Quote On Accent, DL Caption, DL Caption On Accent, DL Caption On Inverse, DL Body On Accent, DL Body On Inverse, DL Quote On Inverse, DL Badge, DL Badge On Success, DL Badge On Warning, DL Badge On Danger, DL Badge On Accent, DL Badge On Inverse, DL Body On Primary Subtle, DL Badge On Info, DL Badge On Primary, DL Badge On Secondary, DL Badge Muted, DL Eyebrow Muted, DL Eyebrow Primary
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Icons — DL Icon: Accent, DL Icon: Accent On Accent, DL Icon: Accent On Inverse, DL Icon: Muted, DL Icon: Muted On Accent, DL Icon: Muted On Inverse, DL Icon: Inverse, DL Icon: S, DL Icon: M, DL Icon: L
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Person
5 element presets.
DL BaseDIVI LOVE
DL Team Member: CardDIVI LOVE
DL Team Member: PortraitDIVI LOVE
DL Team Member: FeatureDIVI LOVE
DL Team Member: On AccentDIVI LOVE
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Headings — DL Display, DL Display On Accent, DL Display On Inverse, DL Title, DL Title On Accent, DL Section, DL Card, DL Card On Accent, DL Kicker, DL Kicker On Accent, DL Kicker On Inverse, DL Micro, DL Micro On Accent, DL Section On Accent, DL Section On Inverse, DL Card On Inverse, DL Title On Inverse, DL Micro On Inverse
Body text — DL Body, DL Lead, DL Lead On Accent, DL Lead On Inverse, DL Small, DL Small On Accent, DL Small On Inverse, DL Eyebrow, DL Eyebrow On Accent, DL Eyebrow On Inverse, DL Quote, DL Quote On Accent, DL Caption, DL Caption On Accent, DL Caption On Inverse, DL Body On Accent, DL Body On Inverse, DL Quote On Inverse, DL Badge, DL Badge On Success, DL Badge On Warning, DL Badge On Danger, DL Badge On Accent, DL Badge On Inverse, DL Body On Primary Subtle, DL Badge On Info, DL Badge On Primary, DL Badge On Secondary, DL Badge Muted, DL Eyebrow Muted, DL Eyebrow Primary
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Icons — DL Icon: Accent, DL Icon: Accent On Accent, DL Icon: Accent On Inverse, DL Icon: Muted, DL Icon: Muted On Accent, DL Icon: Muted On Inverse, DL Icon: Inverse, DL Icon: S, DL Icon: M, DL Icon: L
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Icon List
5 element presets.
DL BaseDIVI LOVE
DL Icon List: ChecksDIVI LOVE
DL Icon List: PlainDIVI LOVE
DL Icon List: StepsDIVI LOVE
DL Icon List: On InverseDIVI LOVE
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Headings — DL Display, DL Display On Accent, DL Display On Inverse, DL Title, DL Title On Accent, DL Section, DL Card, DL Card On Accent, DL Kicker, DL Kicker On Accent, DL Kicker On Inverse, DL Micro, DL Micro On Accent, DL Section On Accent, DL Section On Inverse, DL Card On Inverse, DL Title On Inverse, DL Micro On Inverse
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Timeline
5 element presets.
DL BaseDIVI LOVE
DL Timeline: CardsDIVI LOVE
DL Timeline: RailDIVI LOVE
DL Timeline: AlternatingDIVI LOVE
DL Timeline: InverseDIVI LOVE
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Headings — DL Display, DL Display On Accent, DL Display On Inverse, DL Title, DL Title On Accent, DL Section, DL Card, DL Card On Accent, DL Kicker, DL Kicker On Accent, DL Kicker On Inverse, DL Micro, DL Micro On Accent, DL Section On Accent, DL Section On Inverse, DL Card On Inverse, DL Title On Inverse, DL Micro On Inverse
Body text — DL Body, DL Lead, DL Lead On Accent, DL Lead On Inverse, DL Small, DL Small On Accent, DL Small On Inverse, DL Eyebrow, DL Eyebrow On Accent, DL Eyebrow On Inverse, DL Quote, DL Quote On Accent, DL Caption, DL Caption On Accent, DL Caption On Inverse, DL Body On Accent, DL Body On Inverse, DL Quote On Inverse, DL Badge, DL Badge On Success, DL Badge On Warning, DL Badge On Danger, DL Badge On Accent, DL Badge On Inverse, DL Body On Primary Subtle, DL Badge On Info, DL Badge On Primary, DL Badge On Secondary, DL Badge Muted, DL Eyebrow Muted, DL Eyebrow Primary
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Table of Contents
One element preset.
DL BaseDIVI LOVE
Table of Contents
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Headings — DL Display, DL Display On Accent, DL Display On Inverse, DL Title, DL Title On Accent, DL Section, DL Card, DL Card On Accent, DL Kicker, DL Kicker On Accent, DL Kicker On Inverse, DL Micro, DL Micro On Accent, DL Section On Accent, DL Section On Inverse, DL Card On Inverse, DL Title On Inverse, DL Micro On Inverse
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Code
One element preset.
DL BaseDIVI LOVE
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Divider
4 element presets.
DL BaseDIVI LOVE
DL HairlineDIVI LOVE
DL RuleDIVI LOVE
DL Brand MarkDIVI LOVE
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Icon
5 element presets.
DL BaseDIVI LOVE
DL Icon: BadgeDIVI LOVE
DL Icon: Badge, SubtleDIVI LOVE
DL Icon: RingDIVI LOVE
DL Icon: Badge, On InverseDIVI LOVE
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
SVG
One element preset.
DL BaseDIVI LOVE
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Link
One element preset.
DL BaseDIVI LOVE
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Headings — DL Display, DL Display On Accent, DL Display On Inverse, DL Title, DL Title On Accent, DL Section, DL Card, DL Card On Accent, DL Kicker, DL Kicker On Accent, DL Kicker On Inverse, DL Micro, DL Micro On Accent, DL Section On Accent, DL Section On Inverse, DL Card On Inverse, DL Title On Inverse, DL Micro On Inverse
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Post Content
One element preset.
DL BaseDIVI LOVE
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Body text — DL Body, DL Lead, DL Lead On Accent, DL Lead On Inverse, DL Small, DL Small On Accent, DL Small On Inverse, DL Eyebrow, DL Eyebrow On Accent, DL Eyebrow On Inverse, DL Quote, DL Quote On Accent, DL Caption, DL Caption On Accent, DL Caption On Inverse, DL Body On Accent, DL Body On Inverse, DL Quote On Inverse, DL Badge, DL Badge On Success, DL Badge On Warning, DL Badge On Danger, DL Badge On Accent, DL Badge On Inverse, DL Body On Primary Subtle, DL Badge On Info, DL Badge On Primary, DL Badge On Secondary, DL Badge Muted, DL Eyebrow Muted, DL Eyebrow Primary
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Icons — DL Icon: Accent, DL Icon: Accent On Accent, DL Icon: Accent On Inverse, DL Icon: Muted, DL Icon: Muted On Accent, DL Icon: Muted On Inverse, DL Icon: Inverse, DL Icon: S, DL Icon: M, DL Icon: L
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Post Title
One element preset.
DL BaseDIVI LOVE
Divi Love — Content presets
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Headings — DL Display, DL Display On Accent, DL Display On Inverse, DL Title, DL Title On Accent, DL Section, DL Card, DL Card On Accent, DL Kicker, DL Kicker On Accent, DL Kicker On Inverse, DL Micro, DL Micro On Accent, DL Section On Accent, DL Section On Inverse, DL Card On Inverse, DL Title On Inverse, DL Micro On Inverse
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Icons — DL Icon: Accent, DL Icon: Accent On Accent, DL Icon: Accent On Inverse, DL Icon: Muted, DL Icon: Muted On Accent, DL Icon: Muted On Inverse, DL Icon: Inverse, DL Icon: S, DL Icon: M, DL Icon: L
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Breadcrumbs
One element preset.
DL BaseDIVI LOVE
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Headings — DL Display, DL Display On Accent, DL Display On Inverse, DL Title, DL Title On Accent, DL Section, DL Card, DL Card On Accent, DL Kicker, DL Kicker On Accent, DL Kicker On Inverse, DL Micro, DL Micro On Accent, DL Section On Accent, DL Section On Inverse, DL Card On Inverse, DL Title On Inverse, DL Micro On Inverse
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L
Module
Pagination
One element preset.
DL BaseDIVI LOVE
ALSO ACCEPTS, FROM THE PRESET LIBRARY
Headings — DL Display, DL Display On Accent, DL Display On Inverse, DL Title, DL Title On Accent, DL Section, DL Card, DL Card On Accent, DL Kicker, DL Kicker On Accent, DL Kicker On Inverse, DL Micro, DL Micro On Accent, DL Section On Accent, DL Section On Inverse, DL Card On Inverse, DL Title On Inverse, DL Micro On Inverse
Backgrounds — DL Background: Surface, DL Background: Surface Alt, DL Background: Surface 3, DL Background: Inverse, DL Background: Accent, DL Background: Success, DL Background: Warning, DL Background: Danger, DL Background: Transparent, DL Background: Primary Subtle, DL Background: Info, DL Background: Primary, DL Background: Secondary
Borders & radius — DL Border: Card, DL Border: Hairline, DL Border: Medium, DL Border: Thick, DL Border: None, DL Border Width: M, DL Border Width: L, DL Border Width: XL, DL Border Width: 2XL, DL Radius: 2XS, DL Radius: XS, DL Radius: S, DL Radius: M, DL Radius: L, DL Radius: XL, DL Radius: 2XL, DL Radius: 3XL, DL Radius: Pill, DL Border: Brand
Spacing — DL Spacing X: 3XS, DL Spacing X: 2XS, DL Spacing X: XS, DL Spacing X: S, DL Spacing X: M, DL Spacing X: L, DL Spacing X: XL, DL Spacing X: 2XL, DL Spacing X: 3XL, DL Spacing X: 4XL, DL Spacing Y: 3XS, DL Spacing Y: 2XS, DL Spacing Y: XS, DL Spacing Y: S, DL Spacing Y: M, DL Spacing Y: L, DL Spacing Y: XL, DL Spacing Y: 2XL, DL Spacing Y: 3XL, DL Spacing Y: 4XL, DL Spacing Top: 3XS, DL Spacing Top: 2XS, DL Spacing Top: XS, DL Spacing Top: S, DL Spacing Top: M, DL Spacing Top: L, DL Spacing Top: XL, DL Spacing Top: 2XL, DL Spacing Top: 3XL, DL Spacing Top: 4XL, DL Spacing Right: 3XS, DL Spacing Right: 2XS, DL Spacing Right: XS, DL Spacing Right: S, DL Spacing Right: M, DL Spacing Right: L, DL Spacing Right: XL, DL Spacing Right: 2XL, DL Spacing Right: 3XL, DL Spacing Right: 4XL, DL Spacing Bottom: 3XS, DL Spacing Bottom: 2XS, DL Spacing Bottom: XS, DL Spacing Bottom: S, DL Spacing Bottom: M, DL Spacing Bottom: L, DL Spacing Bottom: XL, DL Spacing Bottom: 2XL, DL Spacing Bottom: 3XL, DL Spacing Bottom: 4XL, DL Spacing Left: 3XS, DL Spacing Left: 2XS, DL Spacing Left: XS, DL Spacing Left: S, DL Spacing Left: M, DL Spacing Left: L, DL Spacing Left: XL, DL Spacing Left: 2XL, DL Spacing Left: 3XL, DL Spacing Left: 4XL
Sizing — DL Sizing: XS, DL Sizing: S, DL Sizing: M, DL Sizing: L, DL Sizing: XL, DL Sizing: 2XL, DL Sizing: 3XL, DL Sizing: 4XL, DL Sizing: 5XL, DL Sizing: 6XL, DL Sizing: Full, DL Sizing: Measure, DL Sizing: Fit, DL Sizing: Viewport Height
Layout — DL Layout: Stack, DL Layout: Row, DL Layout: Center, DL Gap: None, DL Gap X: None, DL Gap Y: None, DL Gap: 2XS, DL Gap: XS, DL Gap: S, DL Gap: M, DL Gap: L, DL Gap: XL, DL Gap: 2XL, DL Gap: 3XL, DL Gap X: 2XS, DL Gap X: XS, DL Gap X: S, DL Gap X: M, DL Gap X: L, DL Gap X: XL, DL Gap X: 2XL, DL Gap X: 3XL, DL Gap Y: 2XS, DL Gap Y: XS, DL Gap Y: S, DL Gap Y: M, DL Gap Y: L, DL Gap Y: XL, DL Gap Y: 2XL, DL Gap Y: 3XL
Shadows — DL Shadow: S, DL Shadow: M, DL Shadow: L