Table of Content
Styleguide
I am a subtitle as part of the interior page header with featured image & caption block
Subnavigation Teasers
Headings
This is an H1
This is an H2
This is an H3
This is an H4
This is an H5
This is an H6
Paragraph
x-small Sometimes there isn’t a good answer. No matter how you try to rationalize the outcome, it doesn’t make sense.
small Sometimes there isn’t a good answer. No matter how you try to rationalize the outcome, it doesn’t make sense.
default Sometimes there isn’t a good answer. No matter how you try to rationalize the outcome, it doesn’t make sense. And instead of an answer, you are simply left with a question. Why?
medium Sometimes there isn’t a good answer. No matter how you try to rationalize the outcome, it doesn’t make sense.
large Sometimes there isn’t a good answer. No matter how you try to rationalize the outcome, it doesn’t make sense.
xlarge Sometimes there isn’t a good answer. No matter how you try to rationalize the outcome, it doesn’t make sense.
Flexible Teasers
Links
Basic Styled Link Block Pattern (paragraph)
Images
![cat](https://theclimatecenter.org/wp-content/uploads/2022/05/steve-tsang-OZjypvcu3uo-unsplash-1024x683.jpg)
Sometimes there isn’t a good answer. No matter how you try to rationalize the outcome, it doesn’t make sense. And instead of an answer, you are simply left with a question. Why?
Sticky Navigation
Teasers – column of large teasers
Teasers – row of small teasers (3 posts)
![](https://theclimatecenter.org/wp-content/uploads/2022/08/oprah-edited-1425x695.jpg)
Take action
The Climate Center is a climate and energy policy nonprofit working to rapidly reduce climate pollution at scale, starting in California.
Event Teasers
Leadership Anchor for sticky nav
![](https://theclimatecenter.org/wp-content/uploads/2022/07/city_aerial.jpg)
Table Block
Who we are Anchor for sticky nav
a | Bananas | Apples |
b | Oranges | Blueberries |
c | Avocado | Grapes |
Blockquote
Challenge Anchor for sticky nav
Steve Jobs
Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it’s really how it works.
Styleguide
I am a subtitle as part of the interior page header with featured video hero custom block pattern
Media Text Default Width – Image Right White bg
Text content goes here
Media Text Default Width – Image Right Sun-10 bg
Text content goes here
Media Text Wide – Image Right White bg
Text content goes here
Media Text Wide – Image Right Sun-10 bg
Text content goes here
Text could go here as well
Wide Width Columns – White
Text content goes here
Text could go here as well
Wide Width Columns – Sun
Text content goes here
Text could go here as well
Default Width Columns – White
Text content goes here
Text could go here as well
Default Width Columns – Sun
Text content goes here