Brand & Media
The canonical brand kit is the in-app branding page at superhero.com/branding (opens in a new tab), which serves every asset as a direct download. The palette, typography and asset inventory below mirror it.
Colour palette
| Name | Hex | RGB | Used for |
|---|---|---|---|
| Primary Neon Teal | #00ff9d | 0, 255, 157 | Core interactions, success states, primary actions |
| Neon Pink / Crimson | #ff6b6b | 255, 107, 107 | Error states, destructive actions, active gradients |
| Neon Blue | #0f61fe | 15, 97, 254 | Sub-headings, secondary buttons, informative components |
| Background | #0a0a0f | 10, 10, 15 | The deep dark-mode backdrop the neon hues sit on |
The background colour is also the PWA's theme_color and background_color, so it is what a mobile
browser paints around the installed app. Superhero describes the system as "our deep dark-mode
backdrop, optimized for high contrast with radiant cyberpunk neon hues." There is no light theme.
Typography
The primary typeface is Inter, "an open-source, modern type family carefully crafted for high readability on screens."
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;Three weights carry the system: Regular for body, Semibold for emphasis, Black for headings. The brand kit's specimens are "Attention Markets" as a heading and "Follow Trends on-chain on a decentralized network." as body text.
Assets
Every asset below is downloadable from superhero.com/branding (opens in a new tab).
The paths are the app's own asset paths, so they also resolve directly under superhero.com.
| Asset | Format | Path | Description |
|---|---|---|---|
| Full logo | SVG | /full-logo.svg | The main combination logo: the Superhero brand name alongside the blue power shield icon |
| Favicon / small logo | SVG | Inline in the app, downloadable from the branding page | The minimalistic geometric shield, legible at browser-tab and avatar sizes |
| Square brand logo | PNG | /logo.png | The square emblem, for social profile images, directories and app stores |
| OG social banner | PNG, 1200 × 630 | /og-default.png | The default sharing card for X, Telegram, Discord or Facebook |
| App showcase screenshot | PNG | /screen-1.png | Interface layout with trending topics, feeds and market components |
| PWA icons | PNG, 192 and 512 | /icons/icon-192.png, /icons/icon-512.png | Standard install icons |
| PWA maskable icon | PNG, 512 | /icons/icon-maskable-512.png | Maskable variant for adaptive launcher shapes |
The branding page also offers four custom UI icons as individual SVG downloads: diamond, wallet, hashtag and feed. They are part of the product's icon set rather than the logo family, and are exported from the running page rather than served as static files.
Usage
Use the marks unmodified. Do not recolour the logo, stretch it, add your own wordmark to it, or build a derivative mark from the shield.
Editorial and press use of the unmodified logo is permitted. Anything that could read as
endorsement (a product name, an app icon, a landing page, a token or a community that presents
itself as official) needs written permission first; ask at superherowallet@protonmail.com.
- Do not use the marks on a site that collects keys or funds. See Official Links.
- Community-run deployments are not official. The interface is open source and can be deployed independently; if you run one, do not present it as Superhero.
- Community tokens are not brand licences. Creating a token named after Superhero, or using the logo as a token image, does not make it official and does not grant any trademark right.
Writing about Superhero
| Convention | Correct | Avoid |
|---|---|---|
| Product name | Superhero | SuperHero, Super Hero |
| Domain | superhero.com | superhero.io, superhero.app |
| Chain | æternity, with the ligature | aeternity (acceptable in plain-ASCII contexts such as the FAQ copy) |
| Coin | AE | ÆTH, AET |
| Identity | Superhero Onchain ID, SuperheroID | Superhero ID (spaced) |
| Analytics surface | Trendminer | Trend Miner, TrendMiner |
| Wallet | Superhero Wallet, a separate product from the Superhero app | Treating wallet.superhero.com and superhero.com as the same thing |
Superhero's own one-line description: "Superhero is an on-chain attention market built on the æternity blockchain where users can discover, trade, and govern social trends."
Related
- superhero.com/branding (opens in a new tab): the live brand kit, with working downloads.
- Official Links: the domains and repositories that are Superhero.
- What is Superhero?: the positioning language to stay consistent with.