Brand
SnappyClaw brand assets
SnappyClaw 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 SnappyClaw lobster mark. Use the icon for avatars, compact UI, and symbol-only contexts.
Icon
Standalone lobster mark on transparent background. The canonical mark for avatars, app icons, and compact brand applications.
Mascots
Tier mascots used in pricing and Owners Club contexts. Larger silhouette indicates a higher tier.
Web & App Icons
Technical exports for browsers, launchers, and PWA manifests. Small icons render at native size inside the preview frame.
Favicon · SVG
Vector · SVG
Master scalable favicon. Use this as the source for all platform-specific exports.
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 SnappyClaw in the wild.
✓ Do
- •Prefer SVG whenever the surface supports vector artwork.
- •Preserve clear space - at least the icon height on all sides.
- •Use the mark on light surfaces with the light variant, and on dark surfaces where coral contrasts well.
- •Keep brand colors intact - use the approved hex values.
- •Scale proportionally.
- •Use Coral (#F26D5B) as the primary accent when composing new surfaces.
✗ Don't
- •Do not recolor the mark.
- •Do not stretch, skew, or rotate.
- •Do not add outlines, shadows, or gradients to the mark unless specifically approved.
- •Do not crop the icon or use it at sizes where detail is lost.
- •Do not place the mark on low-contrast or clashing backgrounds.
- •Do not recreate the wordmark or mark manually - use the provided files.
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.