Incented iconIncented

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.


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 carrot icon

Orange

Primary. Any background.

White carrot icon

White

Dark backgrounds, photo overlays.

Dark carrot icon

Dark

Light backgrounds, print.

Downloads

VariantHexSVGUse On
Orange#F97316carrot-orange.svgAny background (preferred)
White#FAFAF9carrot-white.svgDark backgrounds, photos
Dark#0A0A0Acarrot-dark.svgLight 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.

NameHexSwatchUsage
Orange#F97316Primary buttons, links, accents
Orange Dark#EA580CHover states, active elements
Orange Darker#C2410CPressed states, emphasis

Dark Mode Palette

Incented's interface uses a dark-first aesthetic.

NameHexSwatchUsage
Background#0A0A0APrimary background
Surface#171717Cards, elevated surfaces
Surface Raised#262626Nested cards, inputs
Border#292524Dividers, card borders
Text#FAFAF9Primary text
Text Muted#A8A29ESecondary text

Light Mode Palette

NameHexSwatchUsage
Background#FFFFFFPrimary background
Surface#FAFAFACards, elevated surfaces
Border#E7E5E3Dividers, card borders
Text#0A0A0APrimary text
Text Muted#78716CSecondary text

Semantic Colors

NameHexSwatchUsage
Success#22C55EApproved, completed
Warning#F59E0BPending, attention
Error#DC2626Failed, rejected
Info#3B82F6Informational

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 rabbit mascot (male)

Rockabilly (male)

Rockabella rabbit mascot (female)

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:

NameHexSwatchUsage
Beige#F5F0E6Primary background
Warm Cream#EDE5D8Secondary tones
Sepia Brown#8B7355Line work, shading
Dark Brown#4A3C2ADeep shadows, jackets
Void Black#121212Contrast backgrounds

When to Use Mascots

ContextExample
Empty statesConfused rabbit when no data to display
Error pagesFrustrated rabbit on 404
Success momentsCelebrating rabbit after completing an action
OnboardingWelcoming rabbit guiding new users
Blog and socialThemed rabbits illustrating concepts
Loading statesRabbit 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

LevelSizeWeightUsage
Display48-72pxBold (700)Hero headlines
H136pxSemibold (600)Page titles
H224pxSemibold (600)Section headings
H320pxMedium (500)Subsection headings
Body16pxRegular (400)Paragraph text
Caption14pxMedium (500)Metadata, timestamps
Micro12pxMedium (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

TermUseDon't Use
IncentedStandalone name"the Incented platform," "Incented Protocol" (casual)
ProgramPrimary unit"grant" as standalone (though "grant program" is fine)
ContributorPeople who submit applications"applicant," "submitter"
Voter / EvaluatorPeople who evaluate submissions"judge," "reviewer"
Program ManagerPeople 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.

ConceptIcon NameUsage
BrandCarrotIncented identity
LaunchRocketProgram activation
SecurityShieldAdmin actions
VotingVoteEvaluation
AwardsTrophyWinner selection
TokensCoinsFinancial elements

Social Media Profiles

PlatformHandle
Twitter/X@GetIncented
Farcaster@incented
LinkedInIncented

Downloads

AssetFormatLink
Carrot Icon (Orange)SVGDownload
Carrot Icon (White)SVGDownload
Carrot Icon (Dark)SVGDownload
Social Media GuidePDF (17 pages)Download

For additional brand assets or custom requests, contact hello@incented.co.

On this page