Colour Palette

#1
DEFAULT ACCENT
#942D1A

#2
HOVER
#BA3920

#3
BLACK
#333333

#4
TEXT
#391404

#5
BACKGROUND 1
#DC9C8F

#6
BACKGROUND 2
#EECDC7

#7
BACKGROUND 3
#F8EBE8

#8
BACKGROUND 4
#F9F9F9

#9
WHITE
#FFF

9 colour variables available in WordPress theme default panel
Blocks Palette swatches available at page level, managed in right sidebar

Typography & Font Pairing

HERO HEADLINE

H1 TITLE: 300 LIGHT
3rem 48PX / 100%
LETTERSPACING OPTIONAL

H1 Body 3 rem 48px / 115%
Heading (in body)

H2 Heading 2.5 rem 40px / 120%
Heading Goes Here

H3 Heading 2 rem 32px / 125%
Heading Goes Here

H4 Heading 1.75 rem 28px / 125%
Heading Goes Here

H5 Heading 1.5 rem 24px / 135%
Heading Goes Here
H6 Heading 1.25 rem 20px / 135%
Heading Goes Here

Kadence Theme Default Font Sizes

Font SizeEquivalentLine HeightColorNoteLine49
H1 Page Title32px2 rem / 200%1.5em / 48pxSwatch 3.entry-title4
H132px2 rem / 200%1.5em / 48pxSwatch 3Small3rem/1.15em
H228px1.75 rem1.5em / 42pxSwatch 32.5rem/1.2em
H324px1.5 rem1.5em / 36pxSwatch 32/1.25
H422px1.375 rem1.5em / 33pxSwatch 4Weird1.75/1.25
H520px1.25 rem1.5em / 30pxSwatch 41.5/1.35
H618px1.125 rem1.5em / 27pxSwatch 51.25/1.35
Body17px1.0625 rem1.6 em / 27pxSwatch 4Weird1em/1.35

WordPress Default Font Variables

XL 42px

L 32px (2 rem)

M 24px (1.5 rem)

S 14px

  1. –wp–preset–font-size–small: 14px;
  2. –wp–preset–font-size–medium: 24px;
  3. –wp–preset–font-size–large: 32px;
  4. –wp–preset–font-size–x-large: 42px;
  5. –wp–preset–font-size–larger: 40px;

Kadence Blocks Default Variable Font Sizes

VariableDesktopEquivChange to?Note/Use for:
XXXL5 rem80pxHero Row
XXL4 rem64pxH1 Title
XL3 rem48pxH1 Body
LG2 rem32pxH2
MD1.25 rem20pxBack to 1.5 remH6 ?
SM.875 rem14pxN/A too small

Variable Ranges

  1. –global-kb-font-size-sm: clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);
  2. –global-kb-font-size-md: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
  3. –global-kb-font-size-lg: clamp(1.75rem, 1.576rem + 0.543vw, 2rem);
  4. –global-kb-font-size-xl: clamp(2.25rem, 1.728rem + 1.63vw, 3rem);
  5. –global-kb-font-size-xxl: clamp(2.5rem, 1.456rem + 3.26vw, 4rem);
  6. –global-kb-font-size-xxxl: clamp(2.75rem, 0.489rem + 7.065vw, 6rem);

Line49 Ideal Variable Font Size Chart

H1XL3 rem48px
H22XL2.5 rem40px
H3XL2 rem32px
H4LG1.75 rem28px
H5MD1.5 rem24px
H6SM1.25 rem20px
Body1 rem16px
CALL TO ACTION BUTTON
Theme Button
Ghost Button

Heading + Titles:
FONT NAME HERE

Font weight: 700 Bold
(except where indicated)
Base colour: Swatch 3

Base Font:
FONT NAME HERE
Font size: 1 rem (16px)
Line height: 135%
Font weight: 400 Regular
Base colour: Swatch 4

Here is a paragraph of text. This is a link. Here is a paragraph of text. Here is a paragraph of text. Here is a paragraph of text. This is a visited link.

Set heading font in Heading Font Family, Page Title, Buttons and Navigation