Your Brand logo

Hero Placeholder

Your Brand Here

Replace this block with your client hero image or campaign visual in `src/components/sections/HeroSection.tsx`.

Section 01

Our brand

Why we exist

[Brand Name] helps people move forward with confidence. We keep experiences simple, clear, and human, focusing on trust and momentum in every interaction.

How we sound

Our voice is direct and approachable. We avoid unnecessary jargon and communicate with optimism, clarity, and practical guidance.

Proof in practice

From campaign touchpoints to service experiences, our identity system scales consistently across digital, print, and in-person environments.

Section 02

Toolkit

Everything needed to build on-brand work: logo usage, color system, and typography foundations.

Toolkit / Color

Color Palette

The core color system balances trust, energy, and clarity for flexible use across communications.

Primary Palette

Aircoach Blue

Primary brand color for key actions, links, and highlights

500

#009AE1

RGB 0, 154, 225

PMS 2925C

CMYK 76, 26, 0, 0

Primary CTA and link color

600

#0076B2

RGB 0, 154, 225

PMS 2925C

CMYK 76, 26, 0, 0

Primary CTA and link color

Dark Blue

Dark surfaces, headings, and high-contrast elements

500

#00178C

RGB 0, 23, 140

PMS REFLEX BLUE C

CMYK 100, 93, 14, 12

Top nav and dark background color

White

Base surface and whitespace

500

#FFFFFF

RGB 255, 255, 255

CMYK 0, 0, 0, 0

Secondary Palette

Orange

Secondary accent color

500

#FD6D00

RGB 253, 109, 0

PMS 1585C

CMYK 3, 66, 99, 0

Green

Secondary accent color

500

#01DC95

RGB 1, 220, 149

PMS 3385C

CMYK 80, 0, 68, 0

Yellow

Secondary accent color

500

#FFD500

RGB 255, 213, 0

PMS 109C

CMYK 0, 16, 100, 0

Lilac

Secondary accent color

500

#9E92E8

RGB 158, 146, 232

PMS 271C

CMYK 40, 43, 0, 0

Plum

Secondary accent color

500

#9F2891

RGB 147, 50, 142

PMS 513C

CMYK 49, 94, 6, 0

Color Usage

Aircoach Blue

Primary brand color for key actions, links, and highlights

500

600

Dark Blue

Top nav and dark background color

White

Base surface and whitespace

Orange

Secondary accent color

Green

Secondary accent color

Yellow

Secondary accent color

Lilac

Secondary accent color

Plum

Secondary accent color

Toolkit / Typography

Typography

Geist is the default template typeface, selected for clear hierarchy, modern tone, and strong readability.

Geist

Light 300

Geist

Regular 400

Geist

Medium 500

Geist

SemiBold 600

Geist

Bold 700

Geist

ExtraBold 800

Geist

Type Scale

Heading 1

Bold 60px / Line height 1.2

Heading 2

Bold 48px / Line height 1.2

Heading 3

Bold 36px / Line height 1.3

Heading 4

SemiBold 24px / Line height 1.4

Body Large

Medium 20px / Line height 1.6

Body Regular

Regular 16px / Line height 1.6

Body Small

Regular 14px / Line height 1.6

Section 03

Brand in action

Examples of the brand system in use across campaigns and service touchpoints.

Campaign Example

Campaign Placeholder

Your Marketing Image Here

Swap this placeholder with a real campaign image when onboarding a client.

Use this space to demonstrate how messaging, imagery, and layout patterns come together in real-world applications.

Example Card 01

Your Promo Creative Here

Replace with social post, ad, or offer artwork.

Example Card 02

Your Service Visual Here

Replace with announcement, CRM, or in-product creative.