The Devon Prep Design Library demonstrates all the available blocks, patterns, and styles within the site. As new blocks, patterns, or styles are added to the theme, they should be documented here so all site editors can use this library as a reference.
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.
Blue Pale
Blue Light
Blue Medium
Blue Primary
Blue Dark
Blue Darker
Emerald
Bright Yellow
Light Yellow
Clay
Brown
Neutral White
Gray Extra Light
Gray Light
Gray
Gray Medium
Black
Typography
See Typography Settings overview for more details on how you can make typography changes if needed.
Primary Font: Cochin
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: Jaro
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: Factoria
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
To see these applied to headings, see Text Blocks.
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.
Base / Default font size. I love to sail forbidden seas, and land on barbarous coasts.
Medium / H6 font size. See how elastic our prejudices grow when once love comes to bend them.
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.
Display 4 font size.
Display 3 font size.
Display 2 font size.
Display 1 font size.
Alternate Large font size.
Alternate Extra Large font size.