Brand Kit · v1.0 West Palm Beach · Est. 2024

The system behind the signal.

Vantrex ranks roofing companies and auto repair shops in the top 3 on Google. Two trades. Two refined playbooks. Our brand carries the same posture as our work: direct, specialist, and built to be recognized in a crowded feed. This is how the marks, colors, and voice are used — every asset in one place.

VANTREX
Wordmark — Poppins Black · Letter-spacing −4.5% · The X carries the accent
02 · Color

One signal. One ground. Neutrals held in reserve.

Vantrex Orange does the work — it's the CTA, the pulse, the highlight in every headline. Ink and Graphite are the ground it fires against. Off-white and White are the daylight version. Slate carries the small type. Green appears only for confirmations and success states.

Primary Accent
Vantrex Orange
HEX #FF6A00
RGB 255 · 106 · 0
CMYK 0 · 58 · 100 · 0
PMS 165 C
Gradient Partner
Ember
HEX #FF8A2B
RGB 255 · 138 · 43
Deep Ground
Ink
HEX #0F0F0F
RGB 15 · 15 · 15
Primary Text · Dark Ground
Graphite
HEX #1A1A1A
RGB 26 · 26 · 26
Page Ground
Off-white
HEX #F7F7F7
RGB 247 · 247 · 247
Card Ground
White
HEX #FFFFFF
RGB 255 · 255 · 255
Secondary Text
Slate
HEX #6B7280
RGB 107 · 114 · 128
Success Only
Signal Green
HEX #2FD08A
RGB 47 · 208 · 138
03 · Typography

Poppins for the headline. Inter for the sentence.

The pairing keeps a heavy, geometric display face for anything that needs to hit — the wordmark, headlines, big numbers — with a workhorse sans that does clear, generous body text everywhere else. Both are free on Google Fonts.

Display · Poppins Wordmark, Headlines, Numbers
Dominate Google Maps.
Get more roofing jobs.
600Semibold
700Bold
800Extrabold
900Black · wordmark
Body · Inter Paragraphs, UI, Captions

Homeowners are searching. They're hiring someone else. The top 3 spots on Google Maps capture over 75% of local roofing clicks — and if you're not there, you're invisible where it matters most. Vantrex builds the ranking system, runs it for 90 days, and keeps working at no additional charge until the map shows what we promised.

400Regular · body
500Medium · UI
600Semibold · emphasis
700Bold · lead-ins
04 · Voice & Tone

Direct. Specialist. Blue-collar-confident.

Vantrex talks the way a good foreman talks — plain sentences, real numbers, and no jargon between the promise and the proof. Skeptical of industry norms, allergic to fluff, and always specific about what's included and what isn't.

Do ✓ Vantrex

  • Lead with the outcome. "Top 3 on Google Maps." "More roofing jobs." "Rank in 90 days."
  • Speak in short, plain sentences. Read every draft out loud.
  • Own the specialty. We do roofing. That's it — and that's why it works.
  • Contrast us with what agencies usually do ("pretty reports and a quiet phone").
  • Use real numbers: 90 days · top 3 · $4,997 · 75% of clicks.
  • Say what we don't do. No long-term contracts. No ad spend. No social content.

Don't ✕ Off-brand

  • Don't say "guaranteed top 3" — we commit to ranking improvement, not a specific rank.
  • Don't use SEO jargon without translating it. AEO and GEO get one-sentence explanations, always.
  • Don't be cute or clever when clarity works. Skip metaphors that need a second read.
  • Don't sell to "small businesses" — we sell to roofers. Name the trade.
  • Don't promise fulfillment we removed. Social media content is out of the offer.
  • Don't apologize, don't hedge, and don't call ourselves "boutique," "premium," or "world-class."

"Homeowners are searching. They're hiring someone else."

Hero · vantrexmarketing.co

"You hired an agency. You got a PDF."

Problem section

"Helping roofers and mechanics dominate Google."

Footer tagline

"Drivers are searching. They're calling someone else."

Mechanic hero

"Two trades. Two playbooks."

Landing tree eyebrow
05 · Messaging Pillars

Four things every asset should say without saying them.

These are the load-bearing beams under every Vantrex ad, page, email, and pitch. If a piece of copy doesn't rest on at least one of them, it's not on-brand — it's just words.

01

Two trades. Two playbooks.

Roofers and auto repair shops — nothing else. One refined system per trade, no divided attention across ten verticals like every generalist agency.

02

Results-focused programs.

Roofer: ranking improvement by day 90, or we keep working. Mechanic: complete Google rebuild live in 7 days, or full refund plus you keep everything we built.

03

Radical transparency.

You see everything we do. Client portal, monthly reports, one flat price, no hidden retainers, no ad spend markups, no auto-renew.

04

Built to be found.

Everywhere a homeowner or driver can look — Google Maps, AI answers (ChatGPT, Perplexity, Google AI Overview), voice search, competitor grids — you're there.

06 · Signature Elements

The details that make it feel like Vantrex.

A short list of recurring devices. Use them like seasoning — enough to make a piece feel like ours, not so much that they compete with the message.

Orange Glow ButtonPrimary CTA
Live · ranking in progress
Pulse ChipLive / Status
#12 → #2
Rank MoveProof · Result
VANTREX
Orange → Ember Gradient135° · #FF6A00 → #FF8A2B
07 · Homepage Section Anatomy

How every page is built. Reuse these patterns.

The Vantrex homepage runs on a small, repeatable rhythm of section types. Any new page — landing pages, lead magnets, upsells — should be assembled from these same blocks so the site feels like one system. This is the reference for future AI-generated pages.

Ink → Light → Grad → Light → Ink
Google Maps · Roofers only
Dominate Google Maps. Get more roofing jobs.

Rank in the top 3 in 90 days — a results-focused program built exclusively for roofers.

Get My Free Audit →
01 · Hero

Dark ink ground. Pulse eyebrow. Highlighted headline word.

Background
--ink with radial orange glow at 50/40%, faint 48px grid mask
Eyebrow
Orange, uppercase, tracked 0.22em, animated pulse dot on the left
Headline
Poppins 900, clamp(2.5rem, 8vw, 5.2rem), tracking -0.035em, one keyword in Orange
Sub-copy
Inter Regular, ~1.08rem, rgba(255,255,255,0.72), max 46ch
Primary CTA
Pill, Orange→Ember gradient, glow shadow, "→" suffix
One job
Every hero drives to one action: Book the free audit / strategy session
90
Day Program
Top 3
Maps Ranking
75%
Of Local Clicks
02 · Proof Strip

Full-bleed orange gradient. Big tabular numbers.

Background
linear-gradient(90deg, #FF6A00, #FF7E1C)
Numbers
Poppins 900, 2rem, white, tabular-nums, letter-spacing -0.5px
Labels
Uppercase Inter 600, 0.72rem, tracked 0.1em
Purpose
Breaks between dark hero and white content — never more than 3 stats
The Problem
Referrals built your business. They won't grow it.

Homeowners search Google Maps. If you're not in the top 3, you're not on the shortlist — no matter how good your work is.

03 · Content Section

White ground. Chip label + headline + slate sub.

Background
--white or --off-white, alternates section to section
Chip label
Orange soft pill with dot, tracked uppercase, 0.7rem
Section title
Poppins 800, clamp(1.8rem, 3vw, 2.6rem), keyword in Orange, text-wrap: balance
Sub-copy
Inter Regular, Slate #6B7280, max 640px, line-height 1.75
Section rhythm
Alternate white / off-white — never two identical grounds in a row
01
Days 1–15

Audit & Foundation

Full GBP + website scan. Every ranking signal Google reads, mapped and prioritized.

04 · How It Works Steps

Gradient numbers. Uppercase timeframe pill. Concise copy.

Number
Poppins 900, 3.4rem, gradient fade from Orange to rgba(255,106,0,0.3)
Time label
Orange soft pill, uppercase, tracked 0.12em, e.g. "Days 1–15"
Heading
Poppins 700, 1.16rem, letter-spacing -0.3px
Copy
One sentence. Never more than two.
Layout
3 columns on desktop; stack on mobile; equal-width
✓

GBP Optimization

Every category, description, service, photo, and post set to Google's ranking spec.

05 · What's Included Tile

Orange-soft icon square. Short benefit heading.

Icon tile
42×42, radius 10px, bg --orange-soft, border rgba(255,106,0,0.18), orange icon
Card
White bg, 1px line, radius 14px, padding 1.3rem 1.2rem
Heading
Poppins 700, 1.05–1.12rem, tracking -0.02em
Copy
Slate, one-sentence benefit — not a feature list
Grid
4-column on desktop, 2 on tablet, 1 on mobile
90-Day Roofer Ranking Program
$4,997 one-time
No contracts · No ad spend · One flat price
Book Free Strategy Session
06 · Pricing Card

Orange gradient top rail. One number. One CTA.

Rail
Top 3px Orange→Ember gradient — the card's only accent
Price
Poppins 900, 2.6–3.4rem, tabular-nums; "one-time" in Slate small
Terms
Three points, "·"-separated, Slate 0.78rem — never bulleted
CTA
Pill, gradient, glow — always the same button as the hero
Never
Never show two prices side by side on the homepage. Upsells live on their own page.

Our Commitment. If your ranking hasn't measurably improved by day 90, we keep working at no additional charge until it does.

07 · Commit Band

Orange-soft ground. 3px orange rail on the left.

Background
--orange-soft tint
Rail
Solid Orange, 3px, left side only
Copy
Poppins 700 body-size — punch, not paragraph
Lead-in
First 2–3 words in Orange, bold ("Our Commitment.", "The Result.", "The Bet.")
Use for
Guarantees, promises, the one line you want people to quote back to you
Ready when you are
See the map. Book the audit.

A 20-minute call. We show you where you rank, why, and exactly what to fix.

Book Free Strategy Session
08 · Final CTA

Mirror the hero. Different words. Same button.

Background
Ink — closes the page on the same ground it opened
Eyebrow
Same style as hero — signals the loop is closing
Headline
Shorter than hero (5–8 words), one Orange highlight word
Sub-copy
Restate what the click gets them in one sentence
CTA
Same button, same words. Never introduce a new CTA at the bottom.
Global Rules

Six rules that apply to every page.

  • 1. Section grounds alternate: Ink → Off-white/White → Ink. Never two identical grounds back-to-back.
  • 2. One Orange highlight word per headline. Two is loud, three is spam.
  • 3. Every headline sits inside max-width ~15ch; body copy sits at ~62ch.
  • 4. Radius is 14–16px on cards, 10px on small tiles, 999px on pills. Never mix.
  • 5. Every CTA is the same button. Every page ends on the same button.
  • 6. Icons are Orange on Orange-soft tiles. Never colored icons, never emoji.
08 · Document Style

Every report, audit, and PDF looks like this.

Client deliverables (audits, reports, proposals, playbooks) run on a dark, editorial system — same wordmark, same accents, same rhythm as the site. AI-generated documents must follow this template exactly. If it doesn't look like the sample below, it isn't a Vantrex document.

VANTREX
Confidential — Prepared Exclusively For
Your Current
Google Maps &
Website

State Audit
National Contracting Co
Prepared For
Kenneth
Smith
Market
El Paso, TX
Current
Rank
#15+
Date
August 21,
2026
vantrexmarketing.co | What's Broken. What We'll Fix.
VANTREX
Executive Summary
What This Audit Covers

The Full Diagnostic Before We Start

Before we spend a dollar on strategy, we run a full audit on the two properties that decide whether Google trusts you enough to rank you.

GBP Issues
11
Ranking signals missing
SEO Issues
9
Ranking factors unoptimized
AEO Issues
6
Signals for AI
✓
Categories not fully optimized

Primary category likely set to "Contractor" instead of "Roofing Contractor."

✓
Review gap: 24 vs 228

Review count is the #2 confirmed ranking factor after proximity.

National Contracting Co — Confidential vantrexmarketing.co
Cover Page — Anatomy

Dark ground. Top orange bar. Wordmark centered. Title uses the same headline rule as the web.

Page ground
Solid Ink #0F0F0F with subtle vignette. Never white cover pages.
Top rail
Solid Orange bar, 6–8pt tall, full-bleed. This is how every Vantrex cover opens.
Wordmark
Two-tone (white VANTRE + orange X), Poppins 900, centered ~top third.
Confidential pill
Orange soft bg, orange border, tracked uppercase. Only appears on client-confidential deliverables.
Title
Poppins 900, ~44–52pt, mixed white + orange keyword — same rule as web headlines. Multi-line, left-justified block feel.
Divider
Short 60px orange rule under the client name — separates client info from metadata.
Metadata row
4 columns: Prepared For · Market · Current Rank · Date. Labels in tracked slate uppercase, values in white Poppins Bold. The critical value (rank, KPI) goes orange.
Footer line
vantrexmarketing.co | What's Broken. What We'll Fix. — always present, small, muted.
Interior Pages — Anatomy

Persistent top bar, orange-rail content box, orange-checkmark bullets, hairline footer.

Top bar
Wordmark left, section eyebrow right (uppercase tracked slate), hairline divider under both.
Section tag
Orange soft pill, uppercase tracked, e.g. GBP AUDIT — appears once per section.
Section H1
Poppins 800, ~22–28pt, white. One line, no keyword highlight (that's for the cover).
Content box
Slightly lighter dark card (#16161B), radius 12px, 3px orange rail on the left.
Body
Inter 400, 10.5–11pt, rgba(255,255,255,0.7). Never justified — always left-aligned.
Stat tiles
3-across cards. Standard tile = subtle white overlay. Featured tile = orange-tinted bg + orange number. Only one featured per row.
Bullets
Orange checkmark ✓, bold white heading, slate sub-line explaining the finding. Never bare bullets, never emoji.
Highlight box
Orange-soft bg with orange left rail — used for "Our Commitment", "Where we go from here", "Method" — same as web's commit band.
Page footer
Client name — Confidential (left), vantrexmarketing.co (right), thin hairline above, muted 8pt.
Non-Negotiables

Ten rules for any Vantrex document.

  1. Ground is always Ink. Never white paper.
  2. Top of every page has an orange bar or hairline divider under the header.
  3. Wordmark appears in the header of every interior page — always two-tone.
  4. One accent color: Orange. No secondary hues except semantic (green for success only).
  5. Poppins for anything above 14pt. Inter for body and captions.
  6. Cover title uses one orange keyword — the rest is white. Interior H1s stay white.
  7. Bullets are orange checkmarks with bold heading + slate sub-line. No hollow dots, no dashes, no emoji.
  8. Callouts (commitment, method, summary) get the orange left-rail treatment.
  9. Every page footer carries client-name / confidentiality on the left and the URL on the right.
  10. Close every document on a full page: wordmark centered, one-line tagline in slate uppercase, one-sentence signoff in white — mirrors the cover.
09 · Downloads

Grab the logo. Use it right.

SVG files for the wordmark and signal mark. Open in Figma / Illustrator / Sketch to place in your work — Poppins must be installed for text to render correctly (free on Google Fonts). All files sit under /assets/brand/ on this site.

VANTREX
Wordmark · on InkSVG
VANTREX
Wordmark · on LightSVG
VANTREX
Wordmark · on OrangeSVG
VANTREX
Two-tone · LightSVG
VANTREX
Two-tone · DarkSVG
V
Signal Mark · V-tileSVG
V
Signal Mark · MonoSVG
AI Skill File
VANTREX_BRAND
_SKILL.md
Brand Skill · for AIMD