What this page is
A live, lightweight brand kit — everything you need, without PDFs.
Logos, icons, colors, type, screenshots, and templates — downloadable as clean files you can drop straight into work.
Quick downloads
Grab what you need in one click — or pick individual files below.
-
📦 Download All — full kit as a .zip (SVG/PNG + tokens) → [Download All]
-
🧩 Design tokens — colors, spacing, radii, shadows (JSON) → [Download Tokens]
-
🖼 Press kit — hero images, mockups, screenshots → [Download Press Kit]
Logos
Vector-first, pixel-perfect — dark/light/mono variants included.
-
🔷 Primary logo (horizontal) — SVG, PNG → [Download]
-
🔷 Stacked logo — SVG, PNG → [Download]
-
⚫ Monochrome — black/white SVG, PNG → [Download]
-
🧱 Safe area & min size — quick guide (PNG) → [View]
-
🚫 Don’ts — no stretching, warping, recoloring outside palette → [View]
Icon / Mark
The standalone mark for favicons, avatars, stickers, and QR tags.
-
🟣 App/Icon mark — SVG, PNG, ICO, ICNS → [Download]
-
🔲 Favicon set — 16–512 px → [Download]
-
🏷 QR tag overlays — mark-in-corner templates → [Download]
Colors (tokens)
Color lives as tokens — not in a PDF.
Use the JSON or pick from quick swatches (named tokens stay stable; hex may evolve).
-
🎨 Core palette — brand / surface / text / accent → [View Tokens]
-
🌗 Modes — light/dark ready → [View Tokens]
-
♿ Contrast — pairs that pass AA/AAA → [View]
Typography
System-friendly and license-clean.
-
🅰 Primary typeface — webfonts (WOFF2) + usage CSS → [Download]
-
🅱 Fallback stack — system stacks for performance → [View]
-
📏 Type scale — presets (xs…2xl) with line-heights → [View]
UI & Components
Drop-in bits for product, sites, and docs.
-
🔘 Buttons & CTAs — primary/secondary/ghost → [Download]
-
🧱 Cards & tiles — modifiable container styles → [Download]
-
🧭 Nav, breadcrumbs, footers — ready snippets → [Download]
-
🗂 OG/social banners — 1200×630 templates → [Download]
Screens & Mockups
Current, clean assets for press and partners.
-
🖥 Product screenshots — HUD, engine, storefronts → [Download]
-
📱 Device mockups — mobile/desktop frames → [Download]
-
📰 Press hero images — wide + square crops → [Download]
Stickers & Characters
Fun, not mandatory — for community and swag.
-
🧩 Sticker pack — print/SVG → [Open: Stickers]
-
👤 Characters — mascots/illustrations → [Open: Characters]
Voice & Copy (quick start)
How it should read — short, direct, helpful.
-
✍️ Tone — friendly, plain English, zero fluff → [View]
-
🧭 Do/Don’t — examples for headlines and CTAs → [View]
-
🔗 Common phrases — approved wording list → [Download]
Usage & credit
Simple rules so the brand looks like one thing.
-
✅ Use official files; keep safe area and contrast.
-
✅ Pair logo and mark only as shown in examples.
-
❌ Don’t recolor outside palette or distort shapes.
-
❌ Don’t place over noisy backgrounds without a plate.
For press or partnership credit lines → [View Credit Lines]
Legal & contact
If in doubt — ask. We reply fast.
-
📜 Trademark & brand use — plain-language policy → [Read]
-
✉️ Media/partner requests — assets@qraway.ca → [Contact Us]
-
🗓 Changelog — what changed in this kit → [View Log]
Need something specific that’s not here?
Tell us what you’re making — we’ll add the asset or template to this kit.
👉 [Contact Us]
