metatroncubeswdev 006a27a203 Add Quorla logo set and build the app icon from the Q mark
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-20 21:30:58 -04:00

25 lines
1.4 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# Metatroncube branding for reports
Used by `tools/report-pdf` to brand every PDF report (audits, weekly reports).
- `metatroncube-logo.png` is the full horizontal logo (500×200). This is what appears in the report header.
- `metatroncube-mark.png` is the cube icon on its own (1024×1024). It's for favicons, cover pages and small spaces.
- `report.css` holds the report styling. Brand colours: blue `#3a7bbf`, sky `#52ace0`, charcoal `#252525`, grey `#67676f`.
To swap in new logos, overwrite the files and keep the same names. No code changes are needed.
**Agency branding only goes on reports we send to clients privately.** It must never appear on client social posts, captions or public content (white-label rule in CLAUDE.md).
## Quorla (the product)
| File | Use |
|---|---|
| `quorla-logo-horizontal.png` | Q mark + "quorla" side by side: website header, app sign-in screen, emails |
| `quorla-logo-stacked.png` | Q mark above "quorla": square spaces, social profile images, slides |
| `quorla-mark.png` | Q mark alone (transparent background): favicon source, small spaces |
| `quorla-wordmark.png` | "quorla" text only |
| `quorla-icon-1024.png` | 1024×1024 app icon (mark on white): TikTok, Google, LinkedIn, Pinterest, Meta app listings |
Colours (sampled from the logo): navy `#242142`, coral `#FC6D45`.
The Metatroncube files stay for the agency's own branded PDF reports. Quorla files are for the product.