Style Guide
Basics
This section covers essential elements, providing guidance on their usage for effective and consistent design.
Logo
This section covers essential elements, providing guidance on their usage for effective and consistent design.
Logo in color
Logo in white
Favicon
Colors
#1D3261
Blue/Primary
#E9B82A
Yellow/Secondary
#F8D981
Light Yellow
#994172
Tertiary
#80C242
Green
#383838
Black Muted
Color combinations
Blue on white
Blue on yellow
Blue on Light Yellow
White on Blue
Yellow on Blue
Light Yellow on Blue
Default List
Typography
Font family: Red Hat Display
Heading – 1
Heading – 2
Heading – 3
Heading – 4
Heading – 5
Heading – 6
Paragraph – 25
Paragraph – 22
Paragraph – 20
Paragraph – 18
Paragraph – 16
Paragraph – 14
Paragraph – 12
Components
This section dives into UI components, exploring their importance and providing guidance on their use.
Buttons and clickable items
Variant Image
Form fields
Subscribe to our
Newsletter
The Accordion
How Long Does my CHESSA membership last?
Even though we are a regional affiliate of the national SEIA, a membership in one association does not equal a membership in the other.
Does a CHESSA membership include a SEIA membership?
CHESSA’s Board of Directors are elected by our members each spring. As directed by our Bylaws, only current CHESSA members in good standing are eligible to run for the Board. Board members serve two-year terms and help drive the strategic vision of CHESSA, our policy initiatives, and oversee other affairs of the organization. If you’re interested in running for the Board, please email director@chessa.org for more information.
How do I join CHESSA’s Board of Directors?
CHESSA’s Board of Directors are elected by our members each spring. As directed by our Bylaws, only current CHESSA members in good standing are eligible to run for the Board. Board members serve two-year terms and help drive the strategic vision of CHESSA, our policy initiatives, and oversee other affairs of the organization. If you’re interested in running for the Board, please email director@chessa.org for more information.
Image Size
This section delves into the concept of blocks, discussing their significance and offering insights on incorporating them seamlessly into design compositions.
Page Hero
Team Members
Team member
Position Title
Team member on hover
Position Title
Cards
Hero Images
hese are images that take up 50% of the width
Blocks
This section delves into the concept of blocks, discussing their significance and offering insights on incorporating them seamlessly into design compositions.
Image + Text
Who is CHESSA?
A 100% clean energy transition that sees mainstream adoption of local solar, large-scale solar, and battery storage throughout the electric grid will realize a stable and affordable grid for all consumers. This is how we can create a reliable, resilient, clean, and affordable energy system for our future.
Who is CHESSA?
A 100% clean energy transition that sees mainstream adoption of local solar, large-scale solar, and battery storage throughout the electric grid will realize a stable and affordable grid for all consumers. This is how we can create a reliable, resilient, clean, and affordable energy system for our future.
Multiple Card
Nonprofit/Start-up Company (less than 2 years)
Single state committee, private company
Multiple state committees, private company
Public company
