Who We Are

About Climate + Energy Project

Enhancing the ability of all Kansans to recover and adapt.

H1 Level: This Could be “History” or something big

“H1” is the highest level and differentiates different section headers. It is Roboto font, Heavy, 50 px size and navy blue. It’s a 1 em line height, because it usually won’t be more than a few words long.

H2 Level: This helps skimmers find what they’re looking for

“H2” will head subsections within bigger sections within a page.

It is Roboto font, Bold Italics, 40 px and a turquoise blue. It’s a 1.4 em line height.

H3 Level: Good for pull-quotes and further subsections

This is used under the “Overview” of your “What We Do Pages,” but you could use an H3 for any text you want to emphasize in a bold design. Its font is Roboto, Bold Italics, 26 px in navy blue. It’s a 1.4 em line height.

H4 Level: Ever more detail

If you really have a list of several paragraphs you need to breakdown into subheads, H4 is your pal.

It is Roboto font, Bold, 20 px and a turquoise blue. It, too, is a 1.4 em line height.

H5 Level: Detail

Will you ever use this? Hey, you never know.

It is Roboto font, Regular, 18 px and that turquoise blue you know and love. It, too, is a 1.4 em line height.

H6 Level: Extreme Detail, in Brown!

This one is actually kind of fun and maybe you’ll use it sometimes.

It is Roboto font, Regular, 18 px with 8 pt spacing between letters. It comes in Brown. For consistency it is a 1.4 em line height.