Brand Guidelines

Brand Story

Hanergy makes solar energy management accessible and intelligent. Our platform integrates with Home Assistant to distribute surplus solar and wind energy across home devices, transforming how people consume renewable energy.

The Name

Home Assistant + Energy = Hanergy. A clear, functional name that communicates exactly what we do. No abstraction, no ambiguity. Smart energy management for the Home Assistant ecosystem.

Our Mission

To make solar energy management accessible and intelligent for every home. We believe surplus energy should never go to waste. Hanergy ensures every watt of solar or wind power is intelligently distributed where it matters most.

The Pixel-Art Aesthetic

Our pixel-art identity represents the digital, grid-based nature of energy management. Each pixel square mirrors the modularity of solar panels, the granularity of energy data, and the precision of load balancing. The 11×11 grid is our foundation — structured, systematic, and unmistakably digital.

Logo Guidelines

The Hanergy logo consists of a pixel-art sunburst icon and a blocky pixel-font wordmark. Together they form a distinctive mark that communicates solar energy and digital intelligence.

Logo Variants

Primary — Gold on White

On Dark — White on Navy

Monochrome Dark

On Off-White

Icon Mark

Icon — Gold

Icon — White

Icon — Dark Navy

Clear Space

Maintain a minimum clear space of 1.5× the height of the icon mark on all sides. This ensures the logo breathes and maintains its impact regardless of placement.

1.5× icon height 1.5× icon height 1.5× 1.5×

Minimum Sizes

Full Logo — 120px min

Icon Only — 24px min

Usage Rules

Do Use on clean, uncluttered backgrounds

Don't Place on busy or patterned backgrounds

Do Maintain pixel grid alignment and proportions

Don't Stretch, skew, or distort the logo

Do Use approved color variants only

Don't Change colors outside the palette

Do Keep the logo in its original orientation

Don't Rotate the logo or add effects/shadows

Color Palette

Our palette centers on Solar Gold — a warm, energetic amber that represents solar power. It is supported by sustainable greens and a sophisticated neutral system built on deep navy.

Dark Mode Mapping

Accessibility Notes

Typography

Two typefaces work together to balance technical precision with readability. Space Grotesk for headings and UI elements, Inter for body text and documentation.

Primary — Space Grotesk

Used for headlines, UI labels, buttons, and navigation. A geometric sans-serif with a technical, modern feel that pairs with our pixel aesthetic.

Secondary — Inter

Used for body text, long-form content, and documentation. Highly legible at all sizes, optimized for screens.

Type Scale

Pixel Grid System

The 11×11 pixel grid is a core brand motif derived from the logo. Use it for backgrounds, patterns, illustrations, and spacing decisions.

11×11 Brand Grid

The sunburst icon fits within an 11×11 pixel grid. This grid can be abstracted into decorative patterns, data visualizations, and layout foundations.

Spacing Scale

Base unit: 4px. All spacing derives from multiples of the base unit. Use this scale for margins, padding, gaps, and component sizing.

Pattern Applications

The pixel grid can be used as a subtle background pattern, section divider, or decorative element. Keep it understated — use Pale Gold or 5-8% opacity of Solar Gold on backgrounds.

Iconography

Product icons use the Lucide icon set for consistency with the Home Assistant ecosystem. Brand illustrations follow the pixel-art style established by the logo.

Product Icons — Lucide

Use Lucide icons at 24px default size, 1.5px stroke weight. Match icon color to the text context. Use Solar Gold for interactive/highlighted states.

Pixel-Art Brand Icons

For brand materials, marketing, and illustrations, create pixel-art style icons matching the logo aesthetic. Use whole-pixel alignment on a grid.

UI Components

Reference implementations of core UI elements styled with Hanergy brand tokens. Use these as the source of truth for component styling across all platforms.

Buttons

Cards

Input Fields

Badges & Tags

Alerts

Application Examples

Reference layouts showing how brand elements come together in real-world contexts. These are guidelines, not pixel-perfect templates.

Website Header

Smart Solar Load Management

Intelligently distribute surplus energy across your Home Assistant devices

Install Integration

Dark Mode Dashboard

Dashboard Devices History Settings

Solar Production

4.2 kW

+12% vs yesterday

Grid Export

1.8 kW

Surplus to grid

Home Consumption

2.4 kW

6 active devices

Social Media & Favicon

96 × 96

48 × 48

32 × 32 (favicon)

Social avatar: Icon mark centered on Solar Gold (#F6B215) square background with 16px border-radius.
Favicon: Same treatment at 32×32px with 8px radius.

Email Signature

Jane Doe

Product Lead — Hanergy

hanergy.io

Brand Voice

Hanergy communicates with technical clarity and accessible language. We are smart and direct — never corporate, never condescending.

Voice Principles

Copy Examples

Product Description

Error Message

Feature Announcement

Documentation

Hanergy Brand Guidelines v1.0 — April 2026
hanergy.io · docs.hanergy.app