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.