Ribbon animation
Toggle theme
Brand Guidelines

Chifaa Brand Book

A comprehensive guide to our visual identity, design principles, and brand standards

01

Brand Essence

??

Mission

Empowering women across North Africa and the Arab world with culturally-sensitive health information and AI-driven support

??

Vision

A world where every woman has access to healthcare information that truly sees and serves her

✨

Values

Compassion, Cultural Sensitivity, Dignity, Empowerment, Innovation

02

Logo

Chifaa LogoPrimary Logo
Chifaa LogoOn Dark Background

Clear Space

Maintain minimum clear space equal to the height of the butterfly element around the logo

Minimum Size

Digital: 120px width | Print: 30mm width

Usage

Always use the original logo files. Never recreate, distort, or alter the logo

03

Color Palette

Primary Colors

Rose Pink

HEX: #E8A0B0RGB: 232, 160, 176HSL: 348°, 61%, 77%

Primary brand color, used for main UI elements and accents

Deep Rose

HEX: #C4687ERGB: 196, 104, 126HSL: 346°, 43%, 59%

Accent color for headings, CTAs, and emphasis

Secondary Colors

Healing Teal

HEX: #7BBCB0RGB: 123, 188, 176HSL: 169°, 32%, 61%

Represents healing, calm, and medical trust

Warm Cream

HEX: #F5EFE6RGB: 245, 239, 230HSL: 36°, 43%, 93%

Main background color, creates warmth and comfort

Neutral Colors

Surface White

HEX: #FDFAF7RGB: 253, 250, 247

Card backgrounds and elevated surfaces

Rich Brown

HEX: #2C2420RGB: 44, 36, 32

Primary text color, ensures readability

Muted Gray

HEX: #666666RGB: 102, 102, 102

Secondary text, labels, and subtle elements

04

Typography

Cormorant Garamond

Heading Font

Healing Through Compassion
RegularSemi-BoldBoldItalic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()

DM Sans

Body Font

Empowering women with culturally-sensitive health information and AI-driven support across North Africa and the Arab world.
LightRegularMediumItalic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()

Playball

Decorative Font

Hear them out →

Used sparingly for special emphasis and decorative elements

Type Scale

H1 / Hero

AI for Healing and Dignity

3.4rem / 54.4px
H2 / Section

Brand Guidelines

2.5rem / 40px
H3 / Subsection

Typography System

1.75rem / 28px
Body / Regular

Empowering women with culturally-sensitive health information

1rem / 16px
Small / Caption

Secondary information and labels

0.875rem / 14px
05

Visual Elements

Iconography

ButterflyHeartFlower

Soft, organic shapes that evoke healing, growth, and transformation

Border Radius

8px
Small
16px
Medium
20px
Large
50px
Pill

Shadows

Small
0 2px 4px
Medium
0 8px 16px
Large
0 20px 45px
06

Spacing System

We use an 8px base unit for consistent spacing throughout the design

8px / 0.5rem
16px / 1rem
24px / 1.5rem
32px / 2rem
48px / 3rem
64px / 4rem
80px / 5rem
07

Brand Voice & Tone

We Are

  • Compassionate and understanding
  • Culturally sensitive and respectful
  • Empowering and supportive
  • Clear and accessible
  • Warm and human

We Are Not

  • Clinical or cold
  • Patronizing or condescending
  • Overly technical or jargon-heavy
  • Dismissive of cultural context
  • Impersonal or robotic