Brand Kit
Official HyperFX brand assets and usage guidelines.
Logoβ
| Format | Best use |
|---|---|
| SVG (vector) | Preferred for all digital use β scales without quality loss |
| PNG (raster) | Fallback for environments that do not support SVG |
Logo files are available in the HyperFX GitHub repository.
Color paletteβ
| Name | Hex | Usage |
|---|---|---|
| Primary | #1A56DB | Primary actions, links, CTAs |
| Secondary | #0F3FA6 | Dark backgrounds, navbar |
| Accent | #3ABFF8 | Highlights, charts, badges |
| Dark Surface | #0D1B40 | Dark-mode backgrounds |
| Light Surface | #F0F4FF | Light-mode backgrounds |
Typographyβ
The HyperFX interface uses Inter (sans-serif) as the primary typeface β available for free on Google Fonts.
Usage guidelinesβ
- Do not rotate, stretch, or recolour the logo
- Maintain a minimum clear space of
0.5Γthe logo height on all sides - Do not place the logo over complex photographic backgrounds without a solid backing
- Do not add drop shadows or outer glows directly to the logo
- Use the white-on-dark version on dark backgrounds and the full-colour version on light backgrounds
Official linksβ
| Property | Link |
|---|---|
| Website | hyperfx.io |
| dApp | dapp.hyperfx.io |
| GitHub | github.com/hyperfx-dex |
| Telegram | t.me/hyperfx_io |
| Twitter / X | @hyperfx_io |
For partnerships or co-marketing requests, contact contact@hyperfx.io.