Apply Energinet brand identity to UI, documents, and content. Use when styling components with Energinet colors, typography, tone of voice, or when generating branded text, HTML, or presentations. Includes logo assets, color palette, and brand voice guidelines.
Apply Energinet's official brand identity when building UI, writing content, or generating documents.
Energinet communicates as a trusted public institution — technically precise, accessible, and forward-looking. Never salesy. Always fact-based.
| We are | We are NOT |
|---|---|
| Fagligt præcise | Akademisk tunge |
| Tilgængelige | Forsimplende |
| Troværdige | Bureaukratiske |
| Fremadrettede | Naive |
| Samarbejdende |
| Envejs-kommunikerende |
| Nordisk enkle | Minimalistiske på bekostning af klarhed |
Full voice guidelines: see brand-voice-guidelines.md in this skill directory.
| Name | Hex | Usage |
|---|---|---|
| Grøn (primær) | #00A58D | Main accent, large areas |
| Mørk grøn | #008A8B | Secondary surface |
| Lys grøn | #9FCD91 | Light elements |
| Mørk blå-grøn | #09505D | Contrast, dark surfaces |
| Name | Hex | Usage |
|---|---|---|
| Kontrast grøn | #00847C | Accessible contrast on web |
| Gul accent | #FFD424 | Highlight single words/small elements |
| Mørk blå | #293A4C | Dark background / body text |
| Rød | #CE3E33 | Negative only (errors, downtrend) |
Full palette with all 15 colors in brand-voice-guidelines.md.
:root {
--energinet-primary: #00a58d;
--energinet-primary-dark: #008a8b;
--energinet-primary-light: #9fcd91;
--energinet-contrast: #09505d;
--energinet-accent-yellow: #ffd424;
--energinet-text-dark: #293a4c;
--energinet-bg-light: #f5faf9;
--energinet-error: #ce3e33;
}
Logo files are in the files/ directory in multiple formats:
| Format | Directory | Best for |
|---|---|---|
| PNG | energinet_logo_png/ | Web, screen, HTML |
| JPG | energinet_logo_jpg/ | Presentations, backgrounds |
energinet_logo_pdf/ | Print, high-quality output | |
| EPS | energinet_logo_eps/ | Vector editing, print |
| Variant | Use case |
|---|---|
primaer | Default — green/blue on white/light bg |
hvid | White logo on dark/colored backgrounds |
sort | Black — for monochrome materials |
graa | Grey — subtle/muted contexts |
sekundaer | Secondary variant |
Rules: Never crop the logo. Always horizontal. Only use defined color variants.
A graphical net element symbolizing the electricity and gas grid. Use in white or primary colors. Typically placed top-right on cover pages.
When building Energinet-branded UI:
#00A58D as primary accent and hover color#f5faf9)#293A4C or black)#00A58D#FFD424) sparingly for highlights| Context | Formality | Technical depth | Key principle |
|---|---|---|---|
| Internal comms | Low-Medium | Varies | Direct, informal, Danish preferred |
| Compliance/legal | High | High | Precision and source references |
| Presentations | Medium | Medium | Visual, minimal text, icons dominate |
| Social media | Low | Low | Video/images/gif for attention |
| Technical docs | High | High | Precise, reproducible |
| Employer branding | Low-Medium | Low | Energetic, cheerful, vivid |