Brand Guidelines

Energy Creates · Year 3 · 2026
← Back to Dashboard

Logos, color palette, and typography for the Energy Creates Year 3 cycle. Working reference for designers and developers across the rebuild — website, LMS, OOH, and marketing assets.

Logos2 variants · SVG Palette5 colors TypographyBarlow Condensed
Working Draft

01Logos

Primary Logo
Three-color lockup — charcoal, teal, and cream. The everyday version. Use on cream, teal, or white backgrounds where the type and decorative elements can breathe.
↓ Download SVG
Energy Creates primary logo on creamon cream · E2DAC2
Energy Creates primary logo on tealon teal · 4FBBBC
Energy Creates primary logo on whiteon white
Energy Creates primary logo on blackon black
Alternative Logo
Four-color version that adds orange. Use when extra energy is wanted (campaign moments, key marketing surfaces). Same light-background rules apply.
↓ Download SVG
Energy Creates alt logo on creamon cream · E2DAC2
Energy Creates alt logo on whiteon white
Clear space, minimum size, and what to avoid. Maintain clear space around the logo equal to roughly the cap-height of the wordmark. Minimum width: ~120px on web, ~25mm in print. Don't recolor individual elements, stretch, rotate, or place on busy / saturated photography. If you need a dark-background treatment, request a one-color knockout version rather than inverting this lockup.

02Color Palette

Usage notes. Charcoal is the default text color on cream and on white. Cream is the default surface for marketing pages. Teal, Energy Red, and Orange are accent colors. Use them with restraint: one dominant accent per surface, not a rainbow.

03Typography

Primary face fonts.google.com/specimen/Barlow+Condensed
Energy Creates No barriers. Real opportunity. Barlow Condensed brings a sharp, editorial, contest-poster feel that scales from giant hero headlines down to confident UI labels. Condensed proportions let the writing breathe even at large display sizes.
Weights in use
Light 300 Regular 400 Medium 500 Semibold 600 Bold 700 Extrabold 800

Use Barlow Condensed for display and UI — hero headlines, section titles, callouts, navigation, button text. Pair with a neutral sans (Inter is the current dashboard default) for long-form body copy where condensed type would tire the reader, e.g. blog posts and study guide prose. French parity confirmed (full Latin Extended support).