<!-- Generated by ExtractVibe — https://extractvibe.com/brand/ppcroy.com -->
<!-- Extracted: 2026-10-02T12:24:52.049Z | Schema: v1 | Quality: 65/100 -->
---
version: alpha
name: "PPCROY | #1 Performance Digital Marketing Agency That Delivers"
description: "PPCROY | #1 Performance Digital Marketing Agency That Delivers presents a professional web presence."
colors:
  primary: "#fdb515"
  secondary: "#e9e6ed"
  tertiary: "#f78da7"
  neutral: "#333333"
  surface: "#ffffff"
  on-surface: "#ffffff"
  on-surface-secondary: "#333333"
  border: "#000000"
  error: "#ef4444"
  warning: "#f59e0b"
  success: "#22c55e"
  info: "#dbeafe"
  primary-dark: "#d4940a"
  surface-dark: "#fbfafa"
  on-surface-dark: "#ffffff"
typography:
  display-lg:
    fontFamily: "Inter"
    fontSize: "48px"
    fontWeight: "700"
    lineHeight: "57.6px"
  headline-lg:
    fontFamily: "Inter"
    fontSize: "24px"
    fontWeight: "700"
    lineHeight: "24px"
  headline-md:
    fontFamily: "Inter"
    fontSize: "12px"
    fontWeight: "400"
    lineHeight: "14.4px"
  headline-sm:
    fontFamily: "Inter"
    fontSize: "18.08px"
    fontWeight: "600"
    lineHeight: "21.696px"
  body-md:
    fontFamily: "-apple-system"
    fontSize: "16px"
    fontWeight: "400"
    lineHeight: "25.6px"
rounded:
  sm: "3px"
  md: "6px"
  lg: "8px"
  full: "9999px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-primary:
    backgroundColor: "#fdb515"
    textColor: "#ffffff"
    rounded: "0px"
    padding: "0px"
    fontSize: "16px"
    fontWeight: "400"
    borderColor: "#ffffff"
  button-outline:
    textColor: "#ffffff"
    rounded: "8px"
    padding: "15px 24px"
    fontSize: "16px"
    fontWeight: "500"
    borderColor: "#7e8189"
    borderWidth: "1px"
  button-secondary:
    backgroundColor: "#ffffff"
    textColor: "#080808"
    rounded: "6px"
    padding: "12px 20px"
    fontSize: "16px"
    fontWeight: "500"
    borderColor: "#080808"
---

# PPCROY | #1 Performance Digital Marketing Agency That Delivers — Design System

## Overview

PPCROY | #1 Performance Digital Marketing Agency That Delivers presents a professional web presence.

Key characteristics: professional.

**Key characteristics:**

- Vibe — professional
- Design era — contemporary
- Emotional tone — professional
- Target audience — general audience
- Visual energy — 5/10 (moderate)

## Colors

The palette draws on 57 distinct colors observed across the site, organized into semantic roles below.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#fdb515` | Amber |
| secondary | `#e9e6ed` | Lavender |
| accent / tertiary | `#f78da7` | Hot Pink |
| background | `#ffffff` | White |
| text | `#ffffff` | White |
| secondary text | `#333333` | Charcoal |
| border | `#000000` | Black |
| muted | `#333333` | Charcoal |

### Dark mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#d4940a` | Goldenrod |
| background | `#fbfafa` | Off-White |
| text | `#ffffff` | White |
| secondary text | `#fe9a00` | Orange |
| muted | `#fe9a00` | Orange |

### Semantic

| Role | Hex | Use |
|------|-----|-----|
| success | `#22c55e` | Confirmations, positive states |
| warning | `#f59e0b` | Caution, intermediate states |
| error | `#ef4444` | Failures, destructive actions |
| info | `#dbeafe` | Neutral information, tips |

## Typography

Type is set in -apple-system, Inter, Inter, with hierarchy expressed through size and weight contrast rather than family-switching.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| -apple-system | body | system | 400, 600 |
| Inter | heading | self-hosted | 400, 600, 700 |
| Inter | body | self-hosted | 400, 500 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | Inter | 48px | 700 | 57.6px | — |
| Heading 2 | Inter | 24px | 700 | 24px | — |
| Heading 3 | Inter | 12px | 400 | 14.4px | — |
| Heading 4 | Inter | 18.08px | 600 | 21.696px | — |
| Body | -apple-system | 16px | 400 | 25.6px | — |

### Conventions

- Heading case — title-case
- Body line-height — 25.6px

## Layout

- Base spacing unit — `2px`

## Elevation & Depth

### Shadows

| Context | Value |
|---------|-------|
| button | `rgba(0, 0, 0, 0.11) 0px 0px 10px 0px` |

## Shapes

Border-radius scale:

- `sm` — 3px
- `md` — 6px
- `lg` — 8px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Primary**

- Background — `#fdb515`
- Text — `#ffffff`
- Radius — `0px`
- Padding — `0px`
- Font size — `16px`
- Font weight — `400`
- Border — ` solid #ffffff`

**Outline**

- Text — `#ffffff`
- Radius — `8px`
- Padding — `15px 24px`
- Font size — `16px`
- Font weight — `500`
- Border — `1px solid #7e8189`
- Sample copy — "See Case Studies"

**Secondary**

- Background — `#ffffff`
- Text — `#080808`
- Radius — `6px`
- Padding — `12px 20px`
- Font size — `16px`
- Font weight — `500`
- Border — ` solid #080808`
- Sample copy — "View Full Case Study"

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 5/10 | balanced |
| Playful ↔ Serious | 5/10 | balanced |
| Enthusiastic ↔ Matter-of-fact | 5/10 | balanced |
| Respectful ↔ Irreverent | 3/10 | respectful |
| Technical ↔ Accessible | 5/10 | balanced |

### Copywriting style

- Avg. sentence length — 12 words
- Vocabulary — moderate
- Jargon — some
- CTA style — direct

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| favicon | — | png | [link](brands/ppcroy.com/logo-0.png) | 95% |
| favicon | — | png | [link](brands/ppcroy.com/logo-1.png) | 95% |
| favicon | — | png | [link](brands/ppcroy.com/logo-2.png) | 95% |
| primary | — | svg | [link](brands/ppcroy.com/logo-3.svg) | 85% |
| primary | — | png | [link](brands/ppcroy.com/logo-4.png) | 85% |
| logomark | — | svg | [link](brands/ppcroy.com/logo-svg-5.svg) | 90% |
| logomark | — | svg | [link](brands/ppcroy.com/logo-svg-6.svg) | 90% |

## Sources

- Official brand guidelines — https://ppcroy.com/logo
- Live brand page — https://extractvibe.com/brand/ppcroy.com
- Raw JSON — https://extractvibe.com/api/brand/ppcroy.com
- DESIGN.md (this file) — https://extractvibe.com/api/brand/ppcroy.com/design.md
- Extracted — 2026-10-02T12:24:52.049Z
- Generator — ExtractVibe vv1
- Quality score — 65/100