Style Guide
A complete guide to all CERRE’s modular interface elements.
Colors
A complete color swatch used to color all interface elements on the website.
Theme Colors
Blue
#00349a
Blue 2
#365fa8
Blue 3
#6787c1
Blue 4
#b2c3e0
Grays
Gray 1
#272929
Gray 2
#62636B
Gray 3
#ECEBEA
Gray
#F8F6F4
Sector Colors
Cross-Sector
#00349a
Mobility
#39bca9
Energy
#e6194d
Tech & Media
#249acc
Water
#772ea1
Feedback
Success
#57A773
Warning
#F19953
Error
#ED6A5E
Typography
Headings, body and other common text elements.
Typography
Headings, body and other common text elements.
List <ul>
- Topic 1
- Topic 2
- Topic 3
List Number
- Topic 1
- Topic 2
- Topic 3
Icons List
- List Item #1
- List Item #2
- List Item #3
Cards
A multipurpose component used to display content in boxed format.