{site_name}
Default color palette for creating beautiful designs
Success
Warning
Error
System
For use with text, backgrounds, box shadows and borders
For use with text, backgrounds, box shadows and borders
Display / 60px
Heading 1 / 44px
Heading 2 / 36px
Heading 3 / 32px
Heading 4 / 28px
Heading 5 / 24px
Heading 6 / 20px
Text / 20px
Almost before we knew it we had left the ground.
Text / 18px
Almost before we knew it we had left the ground.
Text / 16px
Almost before we knew it we had left the ground.
Text / 14px
Almost before we knew it we had left the ground.
Smart grid spacing included for consistent layouts
Name
Token
Size
Width
XX Small
spacing-xxs
8px
X Small
spacing-xs
16px
Small
spacing-sm
24px
Medium
spacing-md
32px
Large
spacing-lg
48px
X Large
spacing-xl
64px
XX Large
spacing-xxl
96px
Subtle shadow scale presets
Shadow (xxs)
var(--wp--preset--shadow--xxs)
Shadow (xs)
var(--wp--preset--shadow--xs)
Shadow (sm)
var(--wp--preset--shadow--sm)
Shadow (md)
var(--wp--preset--shadow--md)
Shadow (lg)
var(--wp--preset--shadow--lg)
Shadow (xl)
var(--wp--preset--shadow--xl)
Shadow (xxl)
var(--wp--preset--shadow--xxl)
Common HTML element styles
Info: These are the default styles provided by the theme. Every setting can be changed easily from within WordPress.
Success: These are the default styles provided by the theme. Every setting can be changed easily from within WordPress.
Warning: These are the default styles provided by the theme. Every setting can be changed easily from within WordPress.
Error: These are the default styles provided by the theme. Every setting can be changed easily from within WordPress.
Default icon sets included with theme