Logo system
All marks are loaded from /brand/ in this portal — they’re the real ORP assets the brand team produced. The Google Drive folder is the canonical source; the portal hosts web-optimized copies for inline use.
Primary lockup (full)
Dark-mode lockups
Left: Dark Mode 1 (Graphite background) · Right: Dark Mode 2 (Onyx background)
Downloads — SVG (Graphite) · SVG (Onyx)
Mini logo (square mark, no wordmark)
For favicons, app icons, social avatars, footer badges. Square 1:1.
Downloads — SVG · PNG · SVG dark/graphite · SVG dark/onyx
Social banner
Used on Twitter / Facebook / LinkedIn / OG cards (1500×500 + 1200×630 sizes derived from this source).
Download — PNG
Wallpaper / hero illustration
The canonical full-bleed rabbit. Used as the hero illustration in the website hifi, and as the marketing wallpaper across decks.
Download — PNG
Favicons
Drop-in favicon set produced from the mini logo. All loaded by this portal.
| Asset | Use | Download |
|---|---|---|
favicon.ico | Browser tab (legacy) | ico |
favicon.svg | Modern browsers | svg |
favicon-32x32.png | Standard pixel favicon | png |
favicon-16x16.png | Small favicon | png |
apple-touch-icon.png | iOS home-screen icon | png |
android-chrome-192x192.png | Android home-screen | png |
android-chrome-512x512.png | Android splash | png |
<!-- Suggested <head> include -->
<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<meta name="theme-color" content="#F05B22" />Correct usage
- Wordmark only (“ORANGE RABBIT PASSPORT”) in Black or White, always over sufficient contrast.
- Primary lockup (rabbit + wordmark) on the light/paper surface.
- Inverted lockup on Tiger Flame backgrounds.
- Mini logo for app icons, favicons, social avatars, tight badge slots — never as primary identifier.
- Wallpaper rabbit for hero illustrations, marketing surfaces, full-bleed moments.
Don’t
- Don’t stretch, skew, or rotate.
- Don’t remove the endorsement (the wordmark beside the rabbit).
- Don’t resize the rabbit or wordmark independently.
- Don’t recolor the rabbit (no purple, no green, no blue — Tiger Flame, Black, or White only).
- Don’t add drop shadows, glows, gradients, outlines.
- Don’t place over backgrounds lacking contrast (busy photo, mid-tone gray, low-contrast gradient).
The brand book explicitly lists these incorrect usages with examples. When in doubt — Tiger Flame ground, white rabbit. Or white ground, Tiger Flame rabbit. Those two combinations are always safe.