mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
SnapOtter
69597f3c39
Move dashboard screenshots to branding/, remove redundant images/ directory, and update all references in README and CI workflow.
SnapOtter Brand Assets
Press kit for use in blog posts, articles, reviews, and other publications about SnapOtter. Free to use when referencing SnapOtter.
Files
| File | Size | Use |
|---|---|---|
logo-512.png |
512x512 | High-res logo with transparency |
logo-256.png |
256x256 | Medium logo |
logo-192.png |
192x192 | Web/PWA icon size |
logo-128.png |
128x128 | Standard logo |
logo-64.png |
64x64 | Small inline logo |
favicon-32.png |
32x32 | Favicon |
logo-512-on-white.png |
512x512 | Logo on white background (no transparency) |
logo-512-on-dark.png |
512x512 | Logo on dark background (no transparency) |
social-preview.png |
1280x640 | OpenGraph / social media preview |
wordmark.svg |
Scalable | "SnapOtter" text mark (dark text) |
wordmark-white.svg |
Scalable | "SnapOtter" text mark (white text, for dark backgrounds) |
banner.svg |
Scalable | Logo + tagline banner on dark background |
dashboard.png |
Screenshot | Full dashboard screenshot for README / marketing |
dashboard_no_detail.png |
Screenshot | Dashboard screenshot without detail panel |
Brand Colors
| Name | Hex | Usage |
|---|---|---|
| Primary Blue | #3b82f6 |
"Otter" in wordmark, buttons, accents |
| Dark | #0f172a |
"Snap" in wordmark, dark mode background |
| Slate | #94a3b8 |
Subtitle/muted text |
| White | #ffffff |
Light mode background |
Typography
- Headings / brand name: Nunito (weight 800)
- Body text: Inter
Usage Guidelines
- Use the transparent PNG logos when placing on your own backgrounds.
- Use
logo-512-on-white.pngorlogo-512-on-dark.pngwhen transparency is not supported. - Keep the logo proportions intact. Do not stretch or distort.
- Maintain reasonable clear space around the logo.
- The wordmark is always written as "SnapOtter" (capital S, capital O, one word).