mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
SnapOtterandGitHub
19b515dc5f
* fix(landing): correct PDF tool count to 28 in alternatives copy
The pdf section has 28 tools (section.test.ts asserts bySection('pdf')=28). PR #363 corrected the docs breakdown but the alternatives pages still said 40 PDF tools (the document-modality count, not the pdf section) with 200 for the rest. Update to 28 PDF tools and 212 for the non-PDF remainder.
* chore: use "200+ tools" for the tool-count claim across public surfaces
Replaces the exact '240 tools' count (which drifts as tools are added) with the stable '200+ tools' on README, the Docker Hub overview, landing pages, the docs site (meta, homepage, search), the API self-description, the demo OG tag, llms.txt, package.json, the branding readme, and the en/nl app strings. Per-modality breakdown tables stay exact. Leaves the architecture doc's technical 'tool routes' figure, an internal vitest comment, and a QA report line unchanged. Updates the two tests that assert the docs strings.
50 lines
2.2 KiB
Markdown
50 lines
2.2 KiB
Markdown
# SnapOtter Brand Assets
|
|
|
|
Press kit for use in blog posts, articles, reviews, and other publications about SnapOtter. Free to use when referencing SnapOtter.
|
|
|
|
SnapOtter is an open-source, self-hosted file processing suite with 200+ tools across image, video, audio, PDF, and file workflows.
|
|
|
|
## 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 | Wordmark + tagline banner on dark background |
|
|
| `dashboard.gif` | Animated | Scrolling tour of all 200+ tools across the five modalities (README hero) |
|
|
|
|
## Brand Colors
|
|
|
|
| Name | Hex | Usage |
|
|
|------|-----|-------|
|
|
| Otter Orange | `#E07832` | "Otter" in wordmark, buttons, links, CTAs |
|
|
| Orange Light | `#F09550` | Hover states |
|
|
| Orange Dark | `#C06520` | Text emphasis on light backgrounds |
|
|
| Dark Chocolate | `#1A1210` | Dark sections, banner background |
|
|
| Foreground | `#1A1814` | "Snap" in wordmark, primary text |
|
|
| Cream | `#FAFAF7` | Page / light background |
|
|
| Muted | `#6B6560` | Secondary / subtitle text |
|
|
|
|
## Typography
|
|
|
|
- **Headings / brand name**: Bricolage Grotesque (weight 800)
|
|
- **Body text**: Instrument Sans
|
|
- **Code / monospace**: JetBrains Mono
|
|
|
|
## Usage Guidelines
|
|
|
|
- Use the transparent PNG logos when placing on your own backgrounds.
|
|
- Use `logo-512-on-white.png` or `logo-512-on-dark.png` when 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).
|