Brand Style Guide · v1.0
EveryGiving

Ghana's verified crowdfunding platform — visual identity, design tokens, and usage guidelines.

Fonts
Nunito + Nunito Sans
Primary
#02A95C
Navy
#1A2B3C
Version
1.0 · 2026
01 — Brand Foundation

Design Personality

Five keywords that define every design decision. If a component doesn't feel like at least three of these, reconsider it.

Trusted
Every touchpoint signals credibility. Verification is a feature, not a footnote.
Warm
Real people, real stories. The platform feels human — never corporate or distant.
Bold
Strong type, clear hierarchy, decisive colour. No timid design choices.
Rooted
Built for Ghana. MoMo-native, card-verified, community-first.
Clear
Nothing confusing, nothing hidden. Transparency is a design principle.
Brand Voice — Tone Spectrum
Formal
Conversational
Serious
Playful
Reserved
Energetic
Complex
Simple
Cold
Warm
02 — Visual Identity

Colour Palette

High-contrast palette anchored in Ghanaian green — growth, trust, natural abundance. Navy builds authority. Click any swatch to copy the hex code.

#02A95C
Primary Green
CTAs, links, progress, badges
#018A4A
Primary Dark
Hover states, deep accents
#05C96E
Primary Mid
Gradients, highlights
#E6F9F1
Primary Light
Tinted backgrounds, badges
#1A2B3C
Navy
Headings, hero backgrounds, navbar
#243447
Navy Mid
Cards on dark, hover states
#2E4057
Navy Light
Borders on dark, dividers
Accent Colours — Use sparingly
#F59E0B
Gold
Premium tier, warnings, Ghana Card
#EF4444
Red
Errors, failed states, urgent
#3B82F6
Blue
Info states, links in body copy
Neutral Scale
Gray 50
#F8FAFC
Gray 100
#F1F5F9
Gray 200
#E2E8F0
Gray 300
#CBD5E1
Gray 400
#94A3B8
Gray 500
#64748B
Gray 600
#475569
Gray 700
#334155
Gray 800
#1E293B
03 — Typography

Type System

Nunito for display personality, Nunito Sans for body readability. DM Mono for technical labels. All free on Google Fonts.

Display — Nunitogoogle.com/fonts · Free
EveryGiving
Raise money the right way
Weight 600 — SemiboldWeight 700 — BoldWeight 800 — ExtraBoldWeight 900 — Black
Body — Nunito Sansgoogle.com/fonts · Free

Every Giving is Ghana's verified crowdfunding platform. We help real people raise money for medical bills, education, church projects, and community causes — with identity verification built in so donors can give with confidence.

"I reached my fundraising goal in three weeks. Strangers donated because they could see my identity was verified." — Ama, Accra

Type Scale
Display
52px/900
Campaign
H1
40px/900
Ghana's platform
H2
28px/900
How it works
H3
20px/800
Create your campaign
Body L
16px/400
Donors give with confidence when they see the verified badge.
Body
14px/400
Every cedi goes directly to the fundraiser. Zero platform fees, always.
Caption
12px/400
Accra · Medical · 3 weeks ago · Ghana Card verified
04 — Identity

Logo & Wordmark

The wordmark uses Nunito Black at -1px tracking. "Every" is always Primary Green. "Giving" matches the background. Never separate the two words.

EveryGiving
On white — primary use
EveryGiving
On navy — reversed
EveryGiving
On primary — special use only
EveryGiving
Never — no colour split
05 — Components

Button System

Pill-shaped buttons for all primary actions. Hover always lifts 2px — a signature EveryGiving micro-interaction.

Primary — main call to action
Secondary — browse, cancel, back
Dark & Ghost variants
06 — Layout

Spacing System

4px base grid. All spacing is a multiple of 4. Use token names in code for consistency.

sp-14px
sp-28px
sp-312px
sp-416px
sp-520px
sp-624px
sp-832px
sp-1040px
sp-1248px
sp-1664px
sp-2080px
sp-2496px
Border Radius Scale
radius-sm
6px
radius-md
10px
radius-lg
16px
radius-xl
20px
radius-2xl
28px
radius-full
9999px
07 — Brand Rules

Do's & Don'ts

Non-negotiable rules to keep the brand consistent across every touchpoint.

Do
Use Nunito Black (900) for all headings
Keep "Every" green, "Giving" dark in wordmark
Use pill-shaped buttons for primary CTAs
Write in plain, direct English — no jargon
Show the 0% fee prominently on every key page
Add hover lift (translateY -2px) to all interactive elements
Don't
Use Inter, Roboto, or system fonts anywhere
Separate the "Every" and "Giving" wordmark
Use purple gradients or generic SaaS colour schemes
Use emojis in UI text or headings
Mention fees without clarifying they are 0%
Use square-cornered buttons for primary actions
08 — Implementation

Tailwind Config

Paste this into your tailwind.config.ts to implement the full design system.

// tailwind.config.ts
module.exports = {
  theme: {
    extend: {
      colors: {
        primary: {
          DEFAULT: '#02A95C',
          dark:    '#018A4A',
          mid:     '#05C96E',
          light:   '#E6F9F1',
        },
        navy: '#1A2B3C',
      },
      fontFamily: {
        nunito:       ['Nunito', 'sans-serif'],
        'nunito-sans': ['Nunito Sans', 'sans-serif'],
      },
      boxShadow: {
        primary: '0 8px 24px rgba(2,169,92,0.30)',
      },
    },
  },
}
EveryGiving
Brand Style Guide v1.0 · 2026 · Built in Ghana