Favicon · SVG
Vector · SVG
Ink agent on a white tile. Master scalable favicon; export PNG/ICO from this.
Brand
Snappy Agents brand assets
Snappy Agents brand mark, colors, typography, and platform icons. Use the approved files below and follow the usage rules at the bottom of the page.
Primary Marks
The Snappy Agents mark: an open-face robot agent. Ink on light surfaces, all-white on dark or coral backgrounds. Coral is reserved for the eyes and antenna tips.
The mark
Open-face agent: outlined head, transparent face, coral eyes and antenna tips. Ink is the primary on light; the agent goes all-white on dark and coral surfaces.
Web & App Icons
SVG masters for browsers, launchers, and PWA manifests. Export PNG/ICO from these for platform-specific sizes.
Mark · ink
Vector · SVG
The agent mark: ink head with coral eyes and antenna tips. Transparent, for light surfaces.
App icon · ink on white
512×512 · SVG
PWA / Apple / Android launcher icon. Ink agent on a white rounded tile. Export PNG at 180/192/512.
App icon · white on coral
512×512 · SVG
Alternate launcher icon. All-white agent on a full-coral rounded tile.
Colors
These are the approved brand colors for outside teams and partner surfaces. Click any swatch to copy its hex value.
Typography
Two families. Outfit carries display moments. Inter handles body copy and UI.
Stay top of mind with the right people at the right time.
Display / Headings
Outfit · 600 / 700
Use for page titles, section headers, and card headings.
The quick brown fox jumps over the lazy dog · 0123456789
Body / UI
Inter · 400 / 500
Default for navigation, UI labels, body copy, forms, and all operational text.
Usage Rules
Locked rules for using Snappy in the wild.
✓ Do
- •Prefer SVG whenever the surface supports vector artwork.
- •Use the ink mark on light surfaces; the all-white agent on dark or coral surfaces.
- •Keep coral for the eyes and antenna tips only.
- •Preserve clear space - at least the head height on all sides.
- •Scale proportionally, and use the approved hex values.
- •Use antenna count for tiering: one = agent, two = chief, three = team.
✗ Don't
- •Do not fill the head with coral, or recolor the accents.
- •Do not stretch, skew, or rotate the mark.
- •Do not add shadows or gradients unless specifically approved.
- •Do not use the mark at sizes where the face detail is lost.
- •Do not place the mark on low-contrast or clashing backgrounds.
- •Do not use the legacy lobster mark on new surfaces.
Contact / Exceptions
For partnerships, press, or edge cases not covered here, ask before inventing a new variant.
Questions about brand use?
For partnerships, press, or anything outside the approved asset set, drop us a line first.