Generated from the theme and LanternWP Companion with every release; do not edit it by hand.
Preset slugs are part of the public API: patterns, style variations and a child theme's theme.json refer to them, as CSS custom properties such as --wp--preset--color--primary. A demo's look changes their values, never their slugs.
Colours
| Slug |
Name |
Value |
base |
Base |
#ffffff |
surface |
Surface |
#f5f4f1 |
surface-2 |
Surface 2 |
#eceae5 |
border-subtle |
Border subtle |
#e4e2dd |
border-strong |
Border strong |
#8a8883 |
muted |
Muted |
#62615d |
contrast |
Contrast |
#141414 |
primary |
Primary |
#141414 |
on-primary |
On primary |
#ffffff |
accent |
Accent |
#2747c9 |
sale |
Sale |
#b42318 |
success |
Success |
#067647 |
warning |
Warning |
#b54708 |
info |
Info |
#2747c9 |
Font families
| Slug |
Name |
Stack |
body |
Body |
Manrope, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
heading |
Heading |
Manrope, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
mono |
Monospace |
ui-monospace, SFMono-Regular, Menlo, Consolas, monospace |
Font sizes
| Slug |
Name |
Size |
2xs |
2X small |
0.75rem |
xs |
Extra small |
0.8125rem |
sm |
Small |
0.875rem |
base |
Base |
0.9375rem |
md |
Medium |
1.0625rem |
lg |
Large |
1.3125rem |
xl |
Extra large |
1.625rem |
2xl |
2X large |
2.125rem |
3xl |
3X large |
2.75rem |
4xl |
4X large |
3.5rem |
5xl |
5X large |
4.75rem |
Spacing
| Slug |
Name |
Size |
10 |
3XS |
0.25rem |
20 |
2XS |
0.5rem |
30 |
XS |
0.75rem |
40 |
S |
1rem |
50 |
M |
1.5rem |
60 |
L |
2rem |
70 |
XL |
clamp(2rem, 2rem + 1.33vw, 3rem) |
80 |
2XL |
clamp(2.5rem, 2.5rem + 2vw, 4rem) |
90 |
3XL |
clamp(4rem, 4rem + 4vw, 7rem) |
Shadows
| Slug |
Name |
Shadow |
sm |
Small |
0 1px 2px rgb(20 20 20 / 0.06), 0 0 0 1px rgb(20 20 20 / 0.05) |
md |
Medium |
0 10px 28px rgb(20 20 20 / 0.1), 0 0 0 1px rgb(20 20 20 / 0.04) |
lg |
Large |
0 28px 72px rgb(20 20 20 / 0.18) |
