The Committee of Seventy 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
- Typography
- Border Radius
- Blocks
- Patterns
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
Lightest
Lighter*
Light
Default
Dark
Darker
Darkest
Red
Lightest
Lighter
Light*
Default*
Dark
Darker
Darkest
Teal
Lightest
Lighter
Light
Default*
Dark
Darker
Darkest
Violet
Lightest
Lighter
Light*
Default
Dark
Darker
Darkest
Yellow
Lightest
Lighter
Light
Default
Dark*
Darker
Darkest
Neutral
White
Lightest
Lighter
Light
Default*
Dark
Darker
Darkest
* Color chips marked with asterisks are not accessible when combined with the default text color or pure white. Text on the color chips has been adjusted to meet color contrast requirements. These colors should be used as accent colors only, and not used as backgrounds for text areas.
Gradients
Blue
Violet
Typography
See Typography Settings overview for more details on how you can make typography changes if needed.
Primary Font: Season Sans
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: Season
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.
Typography Sizes
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 font size. I try all things, I achieve what I can.
Heading 6 font size. See how elastic our prejudices grow when once love comes to bend them.
Heading 5 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 Large font size.
Display Extra Large font size.
Border Radius
Small
Medium
Large
Extra Large
Circle / Full Round