Logo Symbol System
Symbol Guidelines & Usage for ERS Energy
Overview
The ERS Guiding Star symbol is a key element of our brand identity. This section provides guidelines for using the symbol across different contexts and containers.
Standalone Symbol
The symbol can be used independently on different background colors.
Orange on White
#F26522
White on Orange
#FFFFFF
White on Dark
#FFFFFF
No Container
The symbol used without any container shape — ideal for creative and dynamic applications.
Orange Symbol
White Symbol
Use Cases
- Slide decks
- Social posts
- Internal comms
- Motion / animation
- Innovation-like materials
Circle Container
The symbol placed within a circle container — the primary contained variant for formal touchpoints.
White Background
Orange Background
Dark Background
Use Cases
- Company display profile
- Social media page branding
- Email thumbnails
- Letterheads
- Website header
- Office signage to denote the first external switch
Rounded Square Container
The symbol placed within a rounded square container — suitable for app icons and digital platforms.
White Background
Orange Background
Dark Background
Clearspace
Maintain adequate clearspace around the symbol to ensure visibility and impact.
The minimum clearspace around the symbol should equal the height of one arm of the star (marked as X). This ensures the symbol remains prominent and uncluttered in any layout.
Minimum Size
To maintain legibility, the symbol should not be reproduced smaller than these minimum sizes.
16px
Digital minimum
24px
Recommended
48px
Standard
80px
Large
| Usage | Minimum Size | Notes |
|---|---|---|
| Digital (Screen) | 16px | Absolute minimum for legibility |
| Print (Offset) | 6mm | High-quality printing |
| Print (Digital) | 8mm | Standard office printing |
| Embroidery | 15mm | Fabric applications |
Usage Guidelines
Follow these guidelines to ensure consistent and correct use of the symbol.
✓ Do
Use the symbol in approved color combinations (orange on white, white on orange, white on dark)
✕ Don’t
Change the symbol colors to non-brand colors or use unapproved color combinations
✓ Do
Maintain the symbol’s proportions and use adequate clearspace around it
✕ Don’t
Stretch, distort, or rotate the symbol. Always use it in its original orientation
✓ Do
Use the symbol at or above the minimum size to ensure legibility
✕ Don’t
Add effects like shadows, gradients, outlines, or other embellishments to the symbol
Specifications
Technical specifications for the symbol.
| Property | Value | Notes |
|---|---|---|
| Primary Color |
#F26522
|
ERS Orange |
| Secondary Color |
#313032
|
ERS Dark |
| White |
#FFFFFF
|
For use on colored backgrounds |
| File Formats | SVG, PNG, PDF | SVG preferred for digital use |
| Aspect Ratio | 1:1 | Square proportions |
Try It: Background Tester
Test how the symbol looks on different background colors. Click any color to preview, and the symbol color will automatically adjust for optimal visibility.
Select Background Color
Symbol color: Orange (#F26522) — best on white or light backgrounds