Everything you need to represent Clawy. Download logos, reference our colors, and understand our voice.
Download All Assets (.zip)The Clawy lobster is our primary brand mark. Three variants cover every use case: transparent for compositing, with a baked-in dark background for dark contexts, and a light variant for white or light surfaces.
Transparent background — place on any dark or colored surface.
Background baked in (#09090b) — ready to drop into dark-themed designs, presentations, or social media without any compositing.
Transparent background — place on white or light surfaces.
The default social preview image used when sharing Clawy links on Twitter, LinkedIn, Slack, and other platforms. 1200 × 630px.
Our color system is built around cyan as the primary accent, with a zinc-based neutral scale for the dark theme.
Cyan 400
#22d3ee
Click to copy
Cyan 500
#06b6d4
Click to copy
Cyan 600
#0891b2
Click to copy
Cyan 700
#0e7490
Click to copy
Cyan 300
#67e8f9
Click to copy
Purple 500
#a855f7
Click to copy
Pink 500
#ec4899
Click to copy
Amber 500
#f59e0b
Click to copy
Green 500
#22c55e
Click to copy
Zinc 950
#09090b
Click to copy
Zinc 900
#18181b
Click to copy
Zinc 800
#27272a
Click to copy
Zinc 500
#71717a
Click to copy
Zinc 100
#f4f4f5
Click to copy
White
#ffffff
Click to copy
Three font families serve distinct purposes across the platform.
Used for headings, the brand name, and display text. Gives Clawy its technical, space-age character.
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
The workhorse. Used for body text, UI elements, buttons, and navigation. Optimized for screen readability.
Regular (400): The quick brown fox jumps over the lazy dog
Medium (500): The quick brown fox jumps over the lazy dog
Semibold (600): The quick brown fox jumps over the lazy dog
Used for code snippets, terminal output, technical data, and monospaced UI elements like hex codes.
The quick brown fox jumps over the lazy dog
{ "status": "running", "port": 3000 }
Clawy speaks like a knowledgeable friend who happens to be great with technology. Technical but never intimidating.
Headlines
CTAs
Follow these rules to keep the Clawy brand consistent across all touchpoints.
Always maintain padding around the logo equal to at least the width of the lobster's body (roughly 25% of the logo's total width).
To preserve legibility, never render the logo smaller than these minimums.
32 × 32px
Digital minimum (favicon, small icons)
48 × 48px
Recommended minimum for UI and marketing
10mm
Print minimum
See our mascot in action
View Animations Gallery