Brand Guidelines · 2026

Your skin bff,
by design.

Everything you need to communicate HadaBuddy: color tokens, voice, tone, and more. Built for consistency across every surface.

Identity

Logo & Wordmark

The HadaBuddy logo combines a gradient mark with the wordmark in OmegaSans ExtraBold. Always maintain clear space equal to the height of the mark on all sides.

Light background

HadaBuddy

Dark background

HadaBuddy

Your skin bff.

Our tagline. Always lowercase, always with the period. Never alter the wording.

Name pronunciation

Hada (肌) means "skin" in Japanese, pronounced hah-dah. Buddy is your companion. Together: hah-dah buddy. Never abbreviated to "HB" in consumer-facing copy.

Colors

Color System

Purple is our signature. It signals trust, intelligence, and warmth, not clinical sterility. The dark navy grounds the palette. Use gradients for hero moments only.

Primary

Purple 500

#7B4FDB

Purple 300

#B07AFF

Pink 300

#E879F9

Purple 100

#F0EBFF

Brand Gradient

#7B4FDB → #B07AFF → #E879F9

Neutral

Navy 950

#1a1630

Navy 600

#6b6585

Navy 400

#9d97b0

Border

#EEEBF8

White

#FFFFFF

Semantic

Success BG

#059669 · #ecfdf5

Error BG

#dc2626 · #fef2f2

Warning BG

#ca8a04 · #fefce8

Typography

OmegaSans

OmegaSans is our exclusive typeface, a variable font ranging from 100 (Thin) to 900 (Black). Use ExtraBold (800) for headlines, Regular (400) for body, SemiBold (600) for UI labels.

Display · 80px / Weight 800

Know your skin.

Style	Size	Weight	Use	Sample
Display	80px	800	Hero headlines	HadaBuddy
Heading 1	48px	700	Page titles	Your skin profile
Heading 2	32px	700	Section titles	Ingredient analysis
Heading 3	22px	600	Card headers	Niacinamide 10%
Body	16px	400	Paragraph text	Great for brightening and barrier support.
Small	13px	400	Captions, metadata	Updated Apr 2026
Label	11px	700	Tags, badges, nav	Skin type

Light · 300

Regular · 400

SemiBold · 600

Bold · 700

ExtraBold · 800

Black · 900

Voice & Tone

Your skin bff

HadaBuddy sounds like a knowledgeable friend, not a lab report. We're warm, direct, and empowering. We never shame, never fear-monger, and never talk down.

🤝

Warm & Personal

We talk to you, not at you. First person, conversational, human. Your skin is unique, and we treat it that way.

🔬

Informed, Not Clinical

We know our ingredients. We share knowledge without jargon or gatekeeping. Science should feel accessible.

✨

Empowering

We equip you to make confident choices. No fear, no shame. Every skin type is valid. Every journey is valid.

✓ Do

"This has niacinamide, great for evening out your skin tone."

"Heads up: this contains fragrance, which can be irritating for sensitive skin."

"Your routine is looking strong. Ceramides in the morning, retinol at night."

✗ Don't

"WARNING: This product contains TOXIC chemicals."

"Dirty score: 8/10. This product is dangerous."

"You should NOT use this product on your face."

Components

UI Elements

Core UI patterns used across the app. All components use OmegaSans and reference the color token system.

Buttons

Badges

Skin-friendly Fragrance Patch test For oily skin

Ingredient Card

Niacinamide

Vitamin B3 · 10%

Brightening Barrier All skin types

Spacing Scale

4px

xs · tight spacing, icon gaps

8px

sm · within components

16px

md · standard padding

24px

lg · card padding

48px

xl · section gaps

80px

2xl · page margins

HadaBuddy Brand

brand.hadabuddy.com

Your skin bff,by design.