Brand Guidelines

Brand Assets

The visual identity of QiMag Healthy Buildings. Review colors, typography, certification badges, and UI components below.

Color Palette

Primary Colors

The core palette reflects Eastern prestige — deep forest greens, heritage gold, and warm neutrals.

Forest Deep

#1B4332

Heritage Gold

#C5A55A

Deep Charcoal

#1A1A2E

Warm Ivory

#FAF7F2

Supporting Colors

Forest Light

#2D6A4F

Gold Light

#D4B96A

Sage

#40916C

Cream

#F5F0E8

Slate

#4A4A5A

Typography

Fonts

Two typefaces create the contrast between prestige and clarity.

Display / Headings

Playfair Display

ABCDEFGHIJKLM

The quick brown fox jumps over the lazy dog.

Weights: 400 (Regular), 500, 600 (Semibold), 700 (Bold)

Body / UI

Inter

ABCDEFGHIJKLM

The quick brown fox jumps over the lazy dog.

Weights: 300 (Light), 400 (Regular), 500 (Medium), 600 (Semibold), 700 (Bold)

Certification Badges

VITAL~ENERGI™ Crown Badges

Six levels, each with a unique color identity. Used across certification documents, directory listings, and project profiles.

Crystal

#8FD5C8

Bronze Crown

#B87333

Single Crown

#A8A9AD

Double Crown

#C5A55A

Diamond Crown

#7DBCE8

Premier Diamond Crown

#9B7ED8

Badge Color Reference

Crystal

#8FD5C8

Bronze Crown

#B87333

Silver Crown

#A8A9AD

Gold Crown

#C5A55A

Diamond Crown

#7DBCE8

Premier Diamond Crown

#9B7ED8

Components

Buttons & UI Elements

Standard button styles used throughout the site.

Primary Buttons

Forest Primary Gold CTA Outline

Overline Text

Section Label

Dark Section (preview)

Overline on Dark

Heading on Dark Background

Body text appears at 60% opacity on dark backgrounds.

Voice & Tone

How We Communicate

We Are

✓ Authoritative but approachable — expertise without arrogance
✓ Clear and direct — simple language, no jargon
✓ Warm and inviting — like a trusted advisor, not a salesperson
✓ Global yet personal — international reach with local care

We Are Not

✗ Mystical or new-age — science-grounded, not spiritual branding
✗ Corporate or cold — human-first communication
✗ Pushy or salesy — information over pressure
✗ Vague or fluffy — every claim backed by substance