mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
SnapOtter
8aa5d9a5f2
- Created wordmark-white.svg with white text for branding use. - Created wordmark.svg with dark text for branding use.
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 |
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).