{site_name}
Default color palette for creating beautiful designs
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. Custom icon sets can be added to child themes.