Brand
Brand Assets
Everything you need to represent Clawy. Download logos, reference our colors, and understand our voice.
Download All Assets (.zip)
Logo
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
Transparent background — works on any surface.
With Dark Background
Background baked in (#1a2c35) — ready to drop into dark-themed designs, presentations, or social media.
Light Background
Transparent background — place on white or light surfaces.
Open Graph Image
The default social preview image used when sharing Clawy links on Twitter, LinkedIn, Slack, and other platforms. 1200 × 630px.
Color Palette
The Clawy palette — coastal, warm, and professional.
Palette
Primary / Ozeanblau
#2e7d9e
Click to copy
Secondary / Hellblau
#6ba3b8
Click to copy
Dark Teal / Primary dark
#256b88
Click to copy
Accent / Warmer Sand
#d4a76a
Click to copy
Dark / Text
#1a2c35
Click to copy
Background / Warmweiß
#faf9f7
Click to copy
Border / Gedämpft
#e7eaeb
Click to copy
Text secondary
#5a6b73
Click to copy
Text alt
#6b7f83
Click to copy
Muted
#a1a1aa
Click to copy
Buttons
Four button variants for different contexts.
btn-pop — Primary CTA (Sand/Gold)
Start Building
background: #d4a76a
btn-cyan — Secondary CTA (Ozeanblau)
Learn More
background: #2e7d9e
btn-white — Tertiary
See Examples
background: #fff; border: 2px solid #e7eaeb
btn-outline — Border variant
Explore
border: 2.5px solid #1a2c35
Highlight Box
The rotated, colored inline highlight used in hero headings.
Now you can
build
them.
background: #2e7d9e; color: #fff; padding: 0 0.3em; border-radius: 8px; transform: rotate(-1deg);
Chat Bubbles
User and Clawy message bubbles used in the hero demo.
I need a landing page for my coaching business
I'll create that for you! Modern design with booking integration — give me 2 minutes
Can you add a testimonials section?
Done! Added 3 testimonial cards with star ratings. Take a look
User: background: #e7eaeb; border-bottom-right-radius: 6px;
Clawy: background: #2e7d9e; color: #fff; border-bottom-left-radius: 6px;
Feature Blocks
Colored cards used for key feature highlights.
💬
Just Talk
Describe what you need in plain language. Clawy understands context, nuance, and business logic.
⚡
Instant Results
Working websites, apps, and tools — not mockups. Real products you can use immediately.
🔄
Iterate Fast
Change anything with a message. Your Clawy learns and adapts to your style over time.
Typography
Two font families serve distinct purposes across the platform.
Space Grotesk
Display font · Weights: 400–700
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
font-family: "Space Grotesk", ui-sans-serif, system-ui, sans-serif
Inter
Body font · Weights: 400, 500, 600
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
font-family: "Inter", ui-sans-serif, system-ui, sans-serif
Tone of Voice
Clawy speaks like a knowledgeable friend who happens to be great with technology. Technical but never intimidating.
Brand Personality
●
Empowering — We make people feel capable, not dependent. Clawy is a tool that amplifies what you can do.
●
Technical but approachable — We know our stuff but explain it simply. No unnecessary jargon, no dumbing down.
●
Friendly & playful — The lobster mascot sets the tone. We're serious about quality but don't take ourselves too seriously.
●
Direct — Short sentences. Active voice. No filler words. Every word earns its place.
Messaging Pillars
1.
Always on — Your AI assistant that never sleeps. Works around the clock so you don't have to.
2.
Private & yours — Your own dedicated instance. Your data, your rules, your assistant.
3.
Ready in seconds — From signup to working AI in under 60 seconds. No setup complexity.
4.
Grows with you — Level up, unlock equipment, evolve. The more you use it, the more it becomes yours.
Do
✓ "Your AI assistant that never sleeps"
✓ "Ready in 60 seconds"
✓ "Build apps, automate tasks, get more done"
✓ Use active voice and short sentences
✓ Reference the lobster mascot with warmth
✓ Lead with the benefit, not the feature
Don't
✗ "Leverage AI-powered synergies to optimize workflows"
✗ Overpromise or use "revolutionary" / "game-changing"
✗ Use passive voice or corporate buzzwords
✗ Make AI sound scary or all-knowing
✗ Ignore the playful side of the brand
✗ Write walls of text where a sentence will do
Example Copy
Headlines
"Your AI assistant that never sleeps"
"Meet Clawy. Always on. Always yours."
"From idea to running app in 60 seconds"
CTAs
"Get started" (primary)
"Get started" (acquisition)
"See it in action" (demo)
"Launch your Clawy" (activation)
Usage Guidelines
Follow these rules to keep the Clawy brand consistent across all touchpoints.
Clear Space
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).
Minimum Sizes
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
Logo Don'ts
✗
Don't stretch or distort
✗
Don't rotate the logo
✗
Don't change the colors
✗
Don't add drop shadows
✗
Don't place on busy backgrounds
✗
Don't crop any part
✗
Don't outline the logo
✗
Don't add text inside
See our mascot in action
View Animations Gallery