Brand kit · v1.0

Build with us.

Everything you need to use the Megawatt brand correctly — logos, colors, typography, and the rules behind them. Free to use for press, partners, and the community. Don’t restyle the mark; everything else is fair game.

01 · Logos

The mark.

Three lockups: the full wordmark, the symbol alone, and square symbol tiles for avatars and app icons, each in color variants for dark and light surfaces. SVG is canonical: reach for PNG only when SVG isn’t supported.

Wordmark

Megawatt wordmark, dark
Wordmark · Dark
On light surfaces
Megawatt wordmark, light
Wordmark · Light
On dark surfaces
Megawatt wordmark, green on light
Wordmark · Green
On light surfaces
Megawatt wordmark, green on dark
Wordmark · Green
On dark surfaces

Symbol

Symbol with background

Megawatt symbol tile, dark on light
Tile · Dark
Avatars & app icons
Megawatt symbol tile, green on light
Tile · Green on light
Avatars & app icons
Megawatt symbol tile, green on dark
Tile · Green on dark
Avatars & app icons
Megawatt symbol tile, light on dark
Tile · Light
Avatars & app icons
02 · Colors

Five colors.

A fixed ratio keeps the brand readable across surfaces. Carbon and Paper carry weight; Megawatt Green appears only where it earns the eye. Tokens download as JSON or CSS variables.

03 · Typography

Two voices.

Inter carries everything — display, body, and product UI. JetBrains Mono handles eyebrows, code, and anything that needs monospace clarity. Both are open-source via Google Fonts.

Aa
Inter
By Rasmus Andersson · 400/500/600/700
Google Fonts
04 · Guidelines

Read the manual.

Logo construction, clear space, color usage ratios, type scales for desktop and mobile, accessibility minimums — everything in one PDF, kept short so you actually read it.

Brand guidelines (PDF)