This is the public Brand Guide.Edit these assets in the Admin Dashboard.
Edit in Admin
The Complete Brand System

The Animal AmigosBrand Guide

Modern • Minimal • Tropical • Friendly • Premium. The visual and verbal foundation for every screen, poster, and story we tell — built for Costa Rica, made to last.

ModernMinimalTropicalCosta RicaFriendlyPremiumMobile-firstTimeless
01 — Brand System

Logo System

Four logo variants for every context. Always give the mark room to breathe — minimum clear space equals the mono icon's height.

Primary Logo
Animal
Amigos
Costa Rica Rescue Network
Horizontal Logo
Animal Amigos
Costa Rica Rescue Network
App Icon
Round Badge
Amigos • CR
02 — Brand System

Color Palette

A tropical Costa Rica palette — jungle greens, hibiscus pinks, ocean blues. Use Jungle and Hibiscus as heroes, others as support.

Jungle
#7AB88A
Primary • Growth, nature
Hibiscus
#FF7BA6
Accent • Love, action
Ocean
#6EC6D6
Secondary • Trust, calm
Sunshine
#FFD166
Highlight • Joy, energy
Sand
#F7E6C6
Surface • Warmth
Lagoon
#A1EDEE
Support • Freshness
Coconut
#B8A386
Neutral • Earth
Cream
#FFFBF2
Background • Soft base
Ink
#3D3A2E
Text • Grounded
03 — Brand System

Typography

Baloo 2 for personality, Nunito for clarity. Chunky rounded display + friendly humanist body.

Display • Baloo 2
Aa
Helping animals together
Weights: 600 · 700 · 800
Body • Nunito
Aa
Connecting hearts, saving lives, and building a kinder Costa Rica — one rescue at a time.
Weights: 400 · 600 · 700 · 800
H1 · Display 48–72
H2 · Display 30–40
H3 · Display 20–24
Body · Nunito 16 · Regular line-height 1.6, comfortable for long reads and quick glances.
Caption / Label · 12 · Bold uppercase, wide tracking
04 — Brand System

Mascot Family

Six face-only kawaii amigos. Flat vector, thick soft outlines, blushed cheeks. Never full-body. They guide, they don't dominate.

Mono
Mono
Howler Monkey
Community Guide
Kiki
Kiki
Street Cat
Cat Rescue
Buddy
Buddy
Rescue Dog
Dog Rescue
Slothy
Slothy
Three-toed Sloth
Wildlife Rescue
Tica
Tica
Sea Turtle
Emergency & Ocean Rescue
Rio
Rio
Scarlet Macaw
Education & Community
Expression Sheet
Six moods, one family
Happy
Excited
Curious
Sleepy
Sad
Loving
Do
  • Face-only, centered, symmetrical
  • Flat kawaii vector, thick soft outlines
  • Rosy cheek dots, tiny smile
  • Solid brand color backgrounds
Don't
  • Full body, limbs, or props (except Mono's sunglasses variant)
  • Photorealistic rendering or 3D
  • Sad, angry, or scary expressions
  • Off-palette or gradient fills
05 — Brand System

Button Styles

Big, pillowy, thumb-friendly. Primary is Hibiscus pink for action. Radius: pill (999px) for CTAs, 16–24px for tiles.

Primary
Secondary
Tertiary
Ghost
Icon
Chip / Tag
Vaccinated
06 — Brand System

Card Styles

Rounded-3xl surfaces, sand ring, soft plush shadow. Colored tint backgrounds signal function.

Action Tile
Colored tint · large icon · label + hint
Pet Card
Buddy · 2 yrs · San José
VaccinatedFriendly
Feature Card
Gradient hero for premium moments and impact stories.
07 — Brand System

Icon Library

Lucide, 2px stroke, rounded caps. Filled variants only for hearts and paw badges.

08 — Brand System

Illustration Style

Flat vector, layered tropical scenes. Sun, palms, waves, hibiscus. No gradients on characters — only on skies and water.

Tropical beach illustration
Scene: Beach Morning
Layered flat vector · warm cream sky · rounded palms · minimal detail
Illustration Do
  • Big shapes, few strokes
  • 2–4 colors per scene
  • Soft cream or lagoon backgrounds
  • Rounded organic curves
Illustration Don't
  • Photorealism or textures
  • Cluttered backgrounds
  • Sharp geometric edges
  • Muted or dark palettes
09 — Brand System

Photography Style

Natural light, golden hour, honest moments. Real Costa Rican animals, volunteers, and landscapes.

Warm Light
Golden hour, soft shadows, natural film tones.
Honest Subjects
Real rescues, real volunteers, real emotion.
Tropical Environment
Beaches, jungle, small towns, pura vida.
Photo Do
  • Eye-level, animal-first framing
  • Natural light, warm color grade
  • Genuine expressions
Photo Don't
  • Harsh flash or studio white cyc
  • Staged or overly posed shots
  • Cages or distressing imagery
10 — Brand System

UI Component Library

The reusable pieces that make every screen feel like Animal Amigos.

Input Field
Segmented
Stat Row
150+
Animals Rescued
Bottom Nav
11 — Brand System

Animation Guidelines

Gentle, purposeful, playful. Nothing bouncy or chaotic. Ease-out for entrances, ease-in-out for loops.

Float
Mascots gently bob · 3s loop · 4px range
Press
Buttons scale 0.97 · 120ms ease-out
Reveal
Cards fade + rise 8px · 400ms ease-out
Fast
120ms
Base
200ms
Slow
400ms
Loop
3s
12 — Brand System

Voice & Messaging

Warm, hopeful, honest. Speak like a friend who happens to know a lot about animals.

Tone Principles
  • Warm & encouraging
    Not: Corporate or cold
  • Simple, plain words
    Not: Jargon or acronyms
  • Hopeful & action-oriented
    Not: Guilt-tripping
  • Bilingual-friendly (EN/ES)
    Not: Region-specific slang
  • Playful with purpose
    Not: Silly or unserious
Signature Phrases
"Helping animals together."
"Connecting hearts, saving lives."
"Building a kinder Costa Rica."
"Pura vida for every paw."
Empty state
No amigos here yet — but every rescue starts with one.
Success
Yay! Report sent. A local rescuer will reach out soon.
Error
Hmm, something went sideways. Let's try that again.
Animal Amigos
Brand Guide v1.0 · Pura Vida
Connecting heartsSaving animalsBuilding a kinder Costa Rica