Skip to content
ppcroy.com logo

PPCROY | #1 Performance Digital Marketing Agency That Delivers

ppcroy.com

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

professional

Color Palette

Colors

Light Mode

#fdb515

primary

#e9e6ed

secondary

#ffffff

background

#ffffff

text

#333333

secondaryText

#000000

border

#333333

muted

#f78da7

accent

Dark Mode

#d4940a

primary

#fbfafa

background

#ffffff

text

#fe9a00

secondaryText

#fe9a00

muted


Typography

Fonts

-apple-system

body
400
600
system

BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji

Inter

heading
400
600
700
self-hosted

sans-serif

Inter

body
400
500
self-hosted

sans-serif

body

The quick brown fox

h1

The quick brown fox

h2

The quick brown fox

h3

The quick brown fox

h4

The quick brown fox


Components

Design System

primary
primary
0px
#fdb515#ffffff
See Case Studies
outline
8px
#ffffff
View Full Case Study
secondary
6px
#ffffff#080808
button
box-shadow

rgba(0, 0, 0, 0.11) 0px 0px 10px 0px


Voice & Tone

Personality

Visual Energy

5/10

Design Era

contemporary

Emotional Tone

professional

Target Audience

general audience


Design Assets

Visual Elements

PPCROY Logo
svg198×46
ALWAN
svg178×80
Picture of Anjaneyulu Jadda <br/><span style="color:#FF9600;font-size:16px;font-weight:500">Founder<
png200×200
Picture of Sriram Jadda <br/><span style="color:#FF9600;font-size:16px;font-weight:500">Director</sp
png200×200
sabari
png250×250
Madhavireddy
png250×250
James Rodriguez testimonial for EdTech marketing services
png550×557
Vishnu
png250×254
Sarika Rangani
png250×251
Mohan
png250×250

DESIGN.md

AI-ready

Drop into any project root. Cursor, Claude Code, v0, Lovable, and other AI coding agents read this file to generate on-brand UI. Spec

DESIGN.md not yet generated for this brand.
How to use this file

1. Save this file as DESIGN.md in your project root (sibling to README.md).

2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.

3. Validate or export tokens with the official CLI:

npx @google/design.md lint DESIGN.md
npx @google/design.md export --format tailwind DESIGN.md

Developer Access
cURL
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/ppcroy.com \
  -H "x-api-key: ev_your_key"

# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
  -H "x-api-key: ev_your_key"

# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
  -H "x-api-key: ev_your_key"

Extract your own brand kit

Get colors, fonts, voice, and personality from any website in seconds. Open source.