Branding Guide
Official Incented visual identity, colors, logos, mascot, and usage guidelines
This guide defines the Incented visual identity. Use it to keep communications, integrations, and partner materials consistent.
If you're using AI tools to generate Incented visuals, see the companion AI Visual Guidelines for technical specifications.
Logo
The Incented logo is the carrot icon. It represents the "carrot" in motivation: the positive incentive that drives participation. It's not decorative; it's the core metaphor of the protocol.
Variants
Three color variants, each optimized for a specific background context:
Orange
Primary. Any background.
White
Dark backgrounds, photo overlays.
Dark
Light backgrounds, print.
Downloads
| Variant | Hex | SVG | Use On |
|---|---|---|---|
| Orange | #F97316 | carrot-orange.svg | Any background (preferred) |
| White | #FAFAF9 | carrot-white.svg | Dark backgrounds, photos |
| Dark | #0A0A0A | carrot-dark.svg | Light backgrounds, print |
Usage Rules
Do:
- Use the orange variant as the default whenever possible
- Maintain clear space around the icon (at least the width of the carrot's stem)
- Use SVG for sharp rendering at all sizes
- Use the white variant when placing the logo over images or dark photography
Don't:
- Stretch, rotate, or distort the icon
- Place the orange icon on orange or similarly saturated backgrounds
- Add effects like drop shadows, glows, or outlines
- Recreate or modify the carrot mark
- Use the icon smaller than 24px
Colors
Primary: Incented Orange
Orange is the core brand color. Use it for primary actions, accents, and brand recognition. It should feel premium: reserved for CTAs, key data points, and brand moments.
| Name | Hex | Swatch | Usage |
|---|---|---|---|
| Orange | #F97316 | Primary buttons, links, accents | |
| Orange Dark | #EA580C | Hover states, active elements | |
| Orange Darker | #C2410C | Pressed states, emphasis |
Dark Mode Palette
Incented's interface uses a dark-first aesthetic.
| Name | Hex | Swatch | Usage |
|---|---|---|---|
| Background | #0A0A0A | Primary background | |
| Surface | #171717 | Cards, elevated surfaces | |
| Surface Raised | #262626 | Nested cards, inputs | |
| Border | #292524 | Dividers, card borders | |
| Text | #FAFAF9 | Primary text | |
| Text Muted | #A8A29E | Secondary text |
Light Mode Palette
| Name | Hex | Swatch | Usage |
|---|---|---|---|
| Background | #FFFFFF | Primary background | |
| Surface | #FAFAFA | Cards, elevated surfaces | |
| Border | #E7E5E3 | Dividers, card borders | |
| Text | #0A0A0A | Primary text | |
| Text Muted | #78716C | Secondary text |
Semantic Colors
| Name | Hex | Swatch | Usage |
|---|---|---|---|
| Success | #22C55E | Approved, completed | |
| Warning | #F59E0B | Pending, attention | |
| Error | #DC2626 | Failed, rejected | |
| Info | #3B82F6 | Informational |
CSS Variables
If you're building on or integrating with Incented:
:root {
--brand-orange: #F97316;
--brand-orange-dark: #EA580C;
--brand-orange-darker: #C2410C;
--brand-dark: #0A0A0A;
--brand-dark-card: #18181B;
}Mascot: The Rockabilly Rabbits
Incented's mascots are anthropomorphic rockabilly rabbits. They represent the spirit of the protocol: cool, capable, slightly rebellious, but ultimately collaborative and professional.

Rockabilly (male)

Rockabella (female)
Character Design
Core Identity:
- Anthropomorphic rabbits with human-like posture and expressions
- 1950s rock 'n' roll / rockabilly aesthetic
- Cool, capable, slightly rebellious but professional
- Natural mix of male and female rabbits
Signature Fashion Elements:
- Leather jackets (black or brown, classic biker style)
- Pompadour, slicked-back, victory rolls, or pin-up curls
- Wayfarers, cat-eye sunglasses, or round shades
- White t-shirts, plaid shirts, cropped tops
- Rolled jeans, high-waisted skirts, capri pants
Mascot Color Palette
The mascot illustrations use a warm, vintage palette separate from the UI colors:
| Name | Hex | Swatch | Usage |
|---|---|---|---|
| Beige | #F5F0E6 | Primary background | |
| Warm Cream | #EDE5D8 | Secondary tones | |
| Sepia Brown | #8B7355 | Line work, shading | |
| Dark Brown | #4A3C2A | Deep shadows, jackets | |
| Void Black | #121212 | Contrast backgrounds |
When to Use Mascots
| Context | Example |
|---|---|
| Empty states | Confused rabbit when no data to display |
| Error pages | Frustrated rabbit on 404 |
| Success moments | Celebrating rabbit after completing an action |
| Onboarding | Welcoming rabbit guiding new users |
| Blog and social | Themed rabbits illustrating concepts |
| Loading states | Rabbit tapping foot, checking watch |
Mascot Don'ts
- Don't make rabbits too cartoonish or childish
- Don't use bright/neon colors (stay warm and vintage)
- Don't mix modern fashion with the 1950s aesthetic
- Don't make rabbits aggressive or threatening
- Don't use photorealistic rendering (keep illustrative)
- Don't forget the signature elements (jacket, pompadour/victory rolls, shades)
Typography
Incented uses system fonts for performance:
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Arial, sans-serif;Hierarchy
| Level | Size | Weight | Usage |
|---|---|---|---|
| Display | 48-72px | Bold (700) | Hero headlines |
| H1 | 36px | Semibold (600) | Page titles |
| H2 | 24px | Semibold (600) | Section headings |
| H3 | 20px | Medium (500) | Subsection headings |
| Body | 16px | Regular (400) | Paragraph text |
| Caption | 14px | Medium (500) | Metadata, timestamps |
| Micro | 12px | Medium (500) | Tags, badges |
Rules
- Title case for headings
- Sentence case for descriptions and body text
- No periods on labels or short UI text
- Generous line spacing (1.5-1.75 for body text)
Voice and Tone
Brand Personality
Incented's voice is:
- Clear over clever. Say what you mean directly.
- Empowering over promotional. Focus on what users can achieve.
- Technical but approachable. Don't dumb it down, but don't gatekeep either.
- Human-centered, not crypto-forward. We're a coordination tool that happens to use blockchain.
Writing Tips
- Lead with what the user gets, not what the feature does
- Use active voice ("Create a program" not "A program can be created")
- Avoid jargon where a plain word works ("send" not "propagate")
- When Web3 terms are necessary, explain them in context
Naming Conventions
| Term | Use | Don't Use |
|---|---|---|
| Incented | Standalone name | "the Incented platform," "Incented Protocol" (casual) |
| Program | Primary unit | "grant" as standalone (though "grant program" is fine) |
| Contributor | People who submit applications | "applicant," "submitter" |
| Voter / Evaluator | People who evaluate submissions | "judge," "reviewer" |
| Program Manager | People who create and run programs | "admin," "operator" |
Iconography
The Incented UI uses Lucide Icons. When creating materials that reference platform actions, use the same icon set for visual consistency.
| Concept | Icon Name | Usage |
|---|---|---|
| Brand | Carrot | Incented identity |
| Launch | Rocket | Program activation |
| Security | Shield | Admin actions |
| Voting | Vote | Evaluation |
| Awards | Trophy | Winner selection |
| Tokens | Coins | Financial elements |
Social Media Profiles
| Platform | Handle |
|---|---|
| Twitter/X | @GetIncented |
| Farcaster | @incented |
| Incented |
Downloads
| Asset | Format | Link |
|---|---|---|
| Carrot Icon (Orange) | SVG | Download |
| Carrot Icon (White) | SVG | Download |
| Carrot Icon (Dark) | SVG | Download |
| Social Media Guide | PDF (17 pages) | Download |
For additional brand assets or custom requests, contact hello@incented.co.