Brand assets for Topaz — logos, token marks, and social previews. All assets reflect the 2026 brand system (Imperial Topaz orange on Foundation Black).
| File | Preview content | Format | Dimensions | Use for |
|---|---|---|---|---|
logo.png |
Orange mark, transparent | PNG (RGBA) | 409×409 | App / general logo |
logo.svg |
Orange mark, scalable | SVG | — | Vector / responsive logo |
logo-white.png |
White mark, transparent | PNG (RGBA) | 409×409 | On dark / colored backgrounds |
logo-black.png |
Black mark, transparent | PNG (RGBA) | 409×409 | On light backgrounds |
token-logo.png |
Mark on black circle | PNG (RGBA) | 512×512 | Token lists, wallets, aggregators |
topaz100.png |
Mark on black circle | PNG (RGBA) | 100×100 | Small / listing icon |
wordmark-white.png |
Mark + "Topaz", white text | PNG (RGBA) | 1200×330 | Horizontal lockup, dark backgrounds |
wordmark-dark.png |
Mark + "Topaz", dark text | PNG (RGBA) | 1200×330 | Horizontal lockup, light backgrounds |
preview.jpg |
Mark + "Topaz" on glow | JPEG | 1200×630 | Social / Open Graph card |
| Name | Hex |
|---|---|
| Imperial Topaz | #FE3C00 |
| Foundation Black | #000000 |
| Clarity White | #FFFFFF |
Reference directly from GitHub raw:
https://raw.githubusercontent.com/topazdex/assets/main/logo.png
Or via the jsDelivr CDN:
https://cdn.jsdelivr.net/gh/topazdex/assets/logo.png
<img src="https://cdn.jsdelivr.net/gh/topazdex/assets/logo.svg" alt="Topaz" width="48" height="48" />- Use the orange mark on dark or neutral backgrounds; use
logo-black.pngon light backgrounds. - Keep clear space around the mark of at least 25% of its width.
- Do not recolor, rotate, stretch, or add effects to the mark.