Branding
WoW Lab logo, colors, and source files
Branding
Everything you need to use the WoW Lab brand in your own work.
The mark
A gear with a lightning-bolt arrow striking out of it, set inside a circular cutout. The gear and bolt share the same amber-to-orange gradient. The arrow exits the top-right of the gear, breaking the circle. The lockup uses no wordmark, the icon stands alone.
Colors
The mark is a two-stop gradient. The dark surface used in the social images and app icons is the same near-black navy used as the cutout fill in the SVG.
| Token | Hex | Where it shows up |
|---|---|---|
| Amber (gradient) | #FDC20B | Top-left stop of the gear and bolt gradient |
| Orange (gradient) | #F46B03 | Bottom-right stop of the gear and bolt gradient |
| Surface | #020611 | Cutout fill in the mark, social image backdrop |
The amber and orange map to the app's --primary token, which sits in the same hue range across light and dark themes.
Typography
WoW Lab uses Geist by Vercel for body text and Geist Mono for code. Regular (400) and Bold (700) cover everything on the site. Grab the variable font if you want every weight in one file.
Source files
The /branding folder at the repo root holds three subfolders.
| Folder | Contents |
|---|---|
source/ | Master logo in SVG, AI, EPS, PDF, PSD, and transparent PNG |
favicon/ | Browser favicons, Apple touch icon, and PWA manifest icons |
social/ | Profile and cover images for social media, on the dark surface |
For most uses, grab source/wowlab-logo.svg. For a raster version on a transparent background, use source/wowlab-icon-transparent.png.
Where to get it
The full /branding folder lives on GitHub. Clone the repo or download the folder directly.