JABU Brand Identity

A complete profile of JABU's visual system — colors, typography, components, and personality — extracted from http://www.gojabu.com. Built for designers, agents, and AI tools.

• Page: https://characterquilt.com/branding/jabu
• Machine-readable JSON: https://characterquilt.com/branding/jabu.json
• Per-page llms.txt: https://characterquilt.com/branding/jabu/llms.txt

Quick Facts

Color Palette

• primary: #2C85DD
• secondary: #677183
• accent: #2C85DD
• background: #FCFCFD
• textPrimary: #171C26
• link: #171C26

Typography

• primary: Inter — https://fonts.google.com/specimen/Inter
• heading: Space Grotesk — https://fonts.google.com/specimen/Space+Grotesk

Visual Assets

• Logo: https://www.gojabu.com/assets/logo-jabupay-Cpr5c6XK.png
• Social card (og:image): https://storage.googleapis.com/gpt-engineer-file-uploads/k5ilGQ1L3aWxbjQsGRcY3Qt5sju1/social-images/social-1775246164681-Screenshot_2026-04-03_at_21.55.33.webp

UI Components

• input: background=#FCFCFD, textColor=#171C26, borderColor=#E0E4EB, borderRadius=12px, shadow=none
• buttonPrimary: background=#2C85DD, textColor=#FCFCFD, borderRadius=9999px, shadow=rgba(44, 133, 221, 0.25) 0px 4px 14px 0px
• buttonSecondary: background=#F5F7FA, textColor=#171C26, borderColor=#EEF0F4, borderRadius=16px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: businesses in Africa

JABU Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

• JabuPay
  • Image: https://framerusercontent.com/images/0ZoZwunx6i8reSljQoz1OfHkyao.png
  • Source: https://www.gojabu.com/privacy-policy
• JabuPay — Real-Time Cash Digitisation & Payments for Africa
  • Image: https://storage.googleapis.com/gpt-engineer-file-uploads/k5ilGQ1L3aWxbjQsGRcY3Qt5sju1/social-images/social-1775246164681-Screenshot_2026-04-03_at_21.55.33.webp
  • Source: https://gojabu.com/
• JABU
  • Image: https://wsa-global.org/wp-content/uploads/2022/11/Jabu-website.jpg
  • Source: https://wsa-global.org/winner/jabu/
• Midnight in a Perfect World: Jabu
  • Image: https://kexp.org/media/filer_public_thumbnails/filer_public/04/19/04192b9b-a4a3-4550-bf90-5050b2c39f2e/miapw_jabu_credit_chris_hoare-web.png__800x500_q85_crop_subject_location-429%2C643_subsampling-2_upscale.jpg
  • Source: https://kexp.org/read/2025/1/17/midnight-in-a-perfect-world-jabu/
• The Jabu Vilakazi Story — Marion Edmunds
  • Image: https://images.squarespace-cdn.com/content/v1/55421d7ce4b079851ff5230b/17061e13-91c6-41f9-bbf8-561eeb43b9ee/Jabu+Vilakazi+Drum+full+page+spread+1975.jpg
  • Source: https://marionedmunds.com/the-jabu-vilakazi-story

Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each src: url(...) to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.