Color Palette
The following color palette is available for use in the Block Editor. See Color Settings overview for detailed instructions on adjusting block colors.
Accessibility: pay close attention to the contrast warning when adjusting Text and Background colors. The editor will check your selections and provide a notification if your foreground / background combination lacks sufficient contrast, but it will not automatically prevent low-contrast combinations.
Brand colors: although the color picker will allow you to select any color, it’s important to use the following brand colors on the site. Familiar branding contributes to usability and helps users feel oriented on the site. Your designer has selected this color palette as part of your site’s visual language. The color picker is pre-populated with this palette for your convenience.
Primary Lightest
Primary Lighter
Primary Light
Primary Base
Primary Dark
Primary Darker
Primary Darkest
Secondary Lightest
Secondary Lighter
Secondary Light
Secondary Base
Secondary Dark
Secondary Darker
Secondary Darkest
Tertiary Lightest
Tertiary Lighter
Tertiary Light
Tertiary Base
Tertiary Dark
Tertiary Darker
Tertiary Darkest
Neutral Lightest
Neutral Lighter
Neutral Light
Neutral Base
Neutral Dark
Neutral Darker
Neutral Darkest
Neutral White
Neutral Black
Gradients
Gradient 1
Gradient 2
Duotone Filters
No Duotone Filter
Duotone 1
Duotone 2
Typography
See Typography Settings overview for more details on how you can make typography changes if needed.
Primary Font: Baskerville Variable
This is a type specimen. Bold text. Italic text. Bold and italic text. A text link.
All men live enveloped in whale-lines. All are born with halters round their necks; but it is only when caught in the swift, sudden turn of death, that mortals realize the silent, subtle, ever-present perils of life. And if you be a philosopher, though seated in the whale-boat, you would not at heart feel one whit more of terror, than though seated before your evening fire with a poker, and not a harpoon, by your side.
ABCDEFGHIJKLMNOPQRSTUVWXYZ !@#$%^&*()-_=+{}[]\|;:’”,<>./?~`
abcdefghijklmnopqrstuvwxyz 1234567890
Usage
Use for general body type: paragraphs, captions, data tables, etc.
Secondary Font: Zalando Sans Semi Expanded Variable
This is a type specimen. Bold text. Italic text. Bold and italic text. A text link.
All men live enveloped in whale-lines. All are born with halters round their necks; but it is only when caught in the swift, sudden turn of death, that mortals realize the silent, subtle, ever-present perils of life. And if you be a philosopher, though seated in the whale-boat, you would not at heart feel one whit more of terror, than though seated before your evening fire with a poker, and not a harpoon, by your side.
ABCDEFGHIJKLMNOPQRSTUVWXYZ !@#$%^&*()-_=+{}[]\|;:’”,<>./?~`
abcdefghijklmnopqrstuvwxyz 1234567890
Usage
Use for accent type, headlines, etc.
Tertiary Font: System Mono
This is a type specimen. Bold text. Italic text. Bold and italic text. A text link.
All men live enveloped in whale-lines. All are born with halters round their necks; but it is only when caught in the swift, sudden turn of death, that mortals realize the silent, subtle, ever-present perils of life. And if you be a philosopher, though seated in the whale-boat, you would not at heart feel one whit more of terror, than though seated before your evening fire with a poker, and not a harpoon, by your side.
ABCDEFGHIJKLMNOPQRSTUVWXYZ !@#$%^&*()-_=+{}[]\|;:’”,<>./?~`
abcdefghijklmnopqrstuvwxyz 1234567890
Usage
Use for tertiary accent type, labels, etc.
Typography Sizes
2x Small font size. I try all things, I achieve what I can.
Extra small font size. It is not down on any map; true places never are.
Small font size. As for me, I am tormented with an everlasting itch for things remote. I love to sail forbidden seas, and land on barbarous coasts.
Medium / Default font size. I love to sail forbidden seas, and land on barbarous coasts.
Large/H6 font size. See how elastic our prejudices grow when once love comes to bend them.
Extra large/H5 font size. There is no folly of the beast of the earth which is not infinitely outdone by the madness of man.
Heading H4 font size. A noble craft, but somehow a most melancholy! All noble things are touched with that.
Heading H3 font size. All my means are sane, my motive and my object mad.
Heading H2 font size. Yes, as everyone knows, meditation and water are wedded for ever.
Heading h1 font size. Ignorance is the parent of fear.
Border & Shadow Settings
See Border & Shadow Settings Overview for details on how you can make adjustments if needed.
Small Border Radius
Medium Border Radius
Large Border Radius
Small Drop Shadow
Medium Drop Shadow
Large Drop Shadow