PPC Magic — Brand Guidelines
Brand Guidelines v2.0

PPC Magic Brand Guidelines

90% professional, 10% magical. Serious B2B chops with a touch of wonder.

Brand Philosophy

Serious enough for enterprise clients, magical enough to stand out.

Professional First

Clean, trustworthy design that speaks to enterprise buyers.

Magical Accents

Gradients and color used sparingly to hint at big outcomes.

Results Focused

Every element earns its keep and supports measurable results.

Logo & Identity

Primary Logo

PPC Magic
  • Usage: Primary mark for most applications
  • Minimum size: 120px width
  • Clear space: 0.5× logo height on all sides

Logo Variations

PPC Magic

Use icon-only when space is tight (avatars, favicons, etc.).

Magical Gradients

Signature gradients. Use as accents; keep the overall feel clean.

Primary Magic

Purple → Pink → Cyan

Hero Gradient

Adds warmth in the middle

Soft Magic

Subtle panel backgrounds

Blue Magic

Professional variant

Green Magic

Success emphasis

Warm Magic

Energy / conversions

Deep Magic

Dark mode

Light Magic

Subtle background

Color Palette

Purple 600

Primary brand color

Pink 500

Accent / energy

Cyan 500

Trust / tech

Orange 500

Conversion / urgency

Emerald 500

Success / growth

Slate 900

Primary text

Slate 600

Secondary text

White

Clean backgrounds

Typography

Primary Font: Inter

Modern, readable, and clean across sizes.

Hero Heading

Main headlines

text-5xl md:text-6xl font-bold

The quick brown fox…

Section Heading

Section titles

text-4xl md:text-5xl font-bold

The quick brown fox…

Card Heading

Card titles

text-2xl font-bold

The quick brown fox…

Body Large

Lead paragraphs

text-xl

The quick brown fox…

Body

Regular text

text-base

The quick brown fox…

Caption

Small text

text-sm font-medium

The quick brown fox…

Component Examples

Buttons

Cards

Magical Card

Gradient background + accent icon

Standard Card

Clean content container

Usage Guidelines

Do's

  • • Use gradients as accents
  • • Keep 90% professional, 10% magical
  • • Maintain strong contrast and readability
  • • Embrace white space
  • • Keep animations subtle
  • • Test across devices
  • • Use consistent spacing + type scale

Don'ts

  • • Overuse or oversaturate gradients
  • • Trade readability for effects
  • • Use more than 3 colors per gradient
  • • Add distracting animations
  • • Ignore accessibility basics
  • • Shrink the logo below min size
  • • Mix too many gradient styles

Download Brand Assets

Logos, color swatches, and templates.

Logo Pack

SVG, PNG, PDF

Download

Color Palette

ASE, ACO, CSS

Download

Templates

Figma, Sketch

Download
Download Complete Brand Kit