Brand Management

Brand Settings

Centralized view of the Audacia Leadership brand identity — logos, color palette, typography, and contact information used across the platform.

Brand Identity

Brand NameAudacia Leadership

TaglineBuild the Leaders Your Organization Needs Next

Notification SenderTeam Audacia <hello@audacialeadership.com>

Support / Contact Emailhello@audacialeadership.com

FounderNicole Anderson, Founder, Audacia Leadership

Logo & Favicon Assets

Full Color Logo

Light backgrounds, print, email headers

White Logo

Dark backgrounds, portal sidebar, dark headers

Full Color Favicon

Browser tab icon (light theme)

White Favicon

Browser tab icon (dark theme)

Assets are managed in src/lib/brand.js (BRAND_LOGOS). The white logo and white favicon share the same uploaded asset.

Color Palette

Primary

Headers, sidebar, primary actions

#2C174A

--primary

Secondary

Secondary buttons, highlights

#00878C

--secondary

Accent

Gold accents, active states, links

#CCA135

--accent

Background

Page background, off-white surfaces

#F7F7F7

--background

Supporting Grey

Secondary text, captions

#6F6A6F

--muted-foreground

Colors are defined as HSL design tokens in src/index.css and mapped to Tailwind classes in tailwind.config.js.

Typography

Heading Font

Page titles, section headers, display text

Roboto

--font-heading

Body Font

Body copy, labels, form text

Open Sans

--font-body

Fonts are loaded via Google Fonts in src/index.css and assigned to font role tokens.

Configuration Sources

src/lib/brand.js

Authoritative brand constants — logos, names, emails, signatures

base44/shared/brandConfig.ts

Backend mirror for server-side functions

src/index.css

HSL color tokens and font family definitions

tailwind.config.js

Token-to-Tailwind class mapping

src/components/shared/AudaciaLogo.jsx

Logo rendering component