On Asphalt — white + yellow
On Salt — black + yellow
On Candlelight — all black
On Asphalt — all white
On Candlelight — all white
On Salt — all black
On Salt — black + yellow
On Asphalt — white + yellow
On Candlelight — white
On Salt — all black
On Asphalt — all white
On Candlelight — all black
Each master file contains all color variants in editable vector format. Use .ai for Adobe Illustrator editing, .eps for legacy print workflows or agencies, and .pdf for client review or print-ready handoff.
⚠️ .ai requires Adobe Illustrator · .eps for legacy print workflows · .pdf opens in any browser/viewer.
Clear space
The minimum clear space around the logo is equal to X — defined as the height of the letter M in the wordmark. The four yellow Ms below mark the minimum margin on each side. Never let other elements (text, images, page edges) violate this clear space.
Minimum size
Never reduce the logo below these minimums. At smaller sizes legibility breaks and the bicolor system disappears.
Sizing & clear space rules
- ✓ Minimum clear space on all sides = height of the letter M (X).
- ✓ Print minimum: 0.6" / 1.5 cm preferred · 0.15" / 4 mm absolute minimum.
- ✓ Digital minimum: 40 px height preferred · 10 px absolute minimum.
- ✗ Never reduce below the absolute minimum — readability breaks and the bicolor system disappears.
- ✗ Never let text, images, or page edges violate the clear-space margin.
✗ Don't distort or stretch
✗ Don't reduce opacity
✗ Don't use off-brand colors
Logo do's & don'ts
- ✓ Stacked logo is always the first choice. Use horizontal only when height is constrained.
- ✓ Bicolor is always preferred over single-color. Single-color only when technically necessary.
- ✓ Maintain clear space equal to the height of the letter M on all sides.
- ✗ Never place the logo on a busy background without a clear field.
- ✗ Never apply drop shadows, outlines, or effects to the logo.
Color rules that never break
- ✓ White text on Candlelight yellow is allowed — use with caution, check readability.
- ✓ White logo on Candlelight background is permitted.
- ✗ Never yellow text on white — insufficient contrast for body copy or headlines.
- ✓ On dark backgrounds: white body text, Candlelight for accents and key words.
- ✓ Gradients allowed only within palette tones — no out-of-palette colors ever.
Font hierarchy
Brother 1816
Primary — headlines, brand moments, print & designed assets
Open Sans
Secondary — body copy, web/digital, when Brother unavailable
clamp(40–72px)
line-height 1.0
tracking -0.03em
clamp(28–48px)
line-height 1.05
line-height 1.08
16px / 1.6
tracking 0.04em
tracking 0.06em
Approved data colors — tints & variations of brand palette
Chart style examples
#FFDE17 → #FFF3A0#000 → #424242#808285 → #D1D3D4#FFDE17 → #D1D3D4Data visualization rules
- ✓ Candlelight yellow is the primary data accent — use for the most important data series.
- ✓ Use Asphalt and gray scale for secondary and supporting series.
- ✓ Gradients permitted only within brand palette tones — see approved gradient list above.
- ✓ Tables: Asphalt header / Yellow text · Candlelight key row · Off/White alternating rows.
- ✗ No 3D charts, bevels, or drop shadows on chart elements.
- ✗ No out-of-palette colors (blues, greens, purples, reds) in any chart or visualization.
Brand shape language
No border radius
Avatars & tags
h=8pxh=1–2pxShape rule
Mr. Pave uses hard corners (no border radius) on most graphic elements. Reserve rounded corners only for tags and badges.
For browser tabs, bookmarks and taskbar shortcuts
Recommended for Apple touch icons (iOS devices)
Required for Android and Progressive Web App manifest files
Recommended for modern browsers — single scalable file
Alternative — black + yellow on white background
Favicon rules
- ✓ Always use the bicolor stacked logo — white + yellow on Asphalt black background.
- ✓ The black background ensures visibility on both light and dark browser chrome.
- ✓ Export all required sizes: 16×16, 32×32, 48×48 (ICO/PNG) · 180×180 (Apple) · 192×192 & 512×512 (Android/PWA) · SVG.
- ✗ Never use a transparent background — the logo disappears on dark browser tabs.
- ✗ Never use the horizontal logo as a favicon — it becomes illegible at small sizes.
| Token | Value | Usage | Visual |
|---|
Output sizes
1080×1080px
1080×1920px
1200×630px
600×200px
1920×1080px
1456×180px
Brand Personality
Mr. Pave is reliable, results-driven, and client-focused, using advanced systems to track progress, set measurable goals, and deliver tangible outcomes. We take pride in delivering exceptional patchwork and paving solutions with an unwavering commitment to quality, safety, and integrity.
People come first. Whether it's our clients, employees, or community partners, we believe strong relationships are the foundation of lasting success. We are professional in everything we do, continuously seeking growth, improvement, and innovation while staying focused on delivering measurable results.
We speak with confidence, professionalism, and warmth — like an experienced friend guiding you toward the best solution. Our communication is clear, honest, and approachable, making even complex projects easy to understand.
Voice characteristics & messaging
We build long-term relationships by being upfront and honest. Our clients trust us because we deliver what we promise — no surprises, only results. Through advanced technology, we provide real-time updates so clients can see exactly what we're doing at every stage of the project, creating confidence and peace of mind.
We are experts in our field, but we don't overcomplicate things. We explain our process in a clear and practical way so clients always know what to expect. Whether it's a small repair or a major restoration, we communicate with clarity, respect, and confidence.
Pavement repair isn't just about appearance — it's about protecting people and creating long-lasting infrastructure. We use proven methods, premium materials, and precision workmanship to deliver durable solutions that stand the test of time.
Our work extends beyond asphalt and concrete — it helps shape the communities where people live, work, and grow. We approach every project with responsibility and purpose because we know our work impacts daily life. We proudly support local organizations, youth programs, and community initiatives because building stronger communities is part of who we are.
We continuously look for smarter ways to improve efficiency, reduce costs, and minimize environmental impact without compromising quality. We embrace technology and innovation to provide better experiences and better outcomes for every client.
Our business is built around people. We value our employees, invest in their development, and treat every client with respect and care. We believe exceptional service starts with a culture that puts people before projects.
We never settle for average. We pursue continuous improvement in our people, processes, and performance. We set measurable goals, hold ourselves accountable, and focus on delivering meaningful results. Success is measured not only by completed projects but by the lasting value we create and the trust we earn.
Standard CTA buttons
| Goal | Label | Link | Preview |
|---|
.zip. Folder URLs are permanent — bookmark with confidence.All logo variants — Stacked & Horizontal, every color, every format (SVG, PNG, AI, EPS, PDF). Use this for printers, agencies, and signage vendors.
Open in DriveBrother 1816 (primary) and Open Sans (web/digital). Includes desktop install files and web font kits for development.
Open in DriveCrew shots, equipment, completed projects, location photography. Approved for marketing, social, proposals, and presentations.
Open in DriveWord docs, PowerPoint decks, email signatures, letterheads, proposal templates, social post layouts — all on-brand and ready to edit.
Open in DriveMaster sales / pitch deck and campaign decks. The starting point for any client-facing presentation or proposal walkthrough.
Open in DriveTeam directory, org chart, onboarding materials, employee handbook, policies, payroll & benefits docs. Internal use only.
Open in DrivePersonal, Professional & Financial planning workbook. Open the bilingual fillable worksheet directly in your browser, or grab the master folder on Drive for archived copies and supporting files.
Anything else — vehicle wraps, signage proofs, swag designs, vendor handoff packets, archived campaign files.
Open in DriveHow to use these folders
- 1. Click a card → the folder opens in a new tab on Google Drive.
- 2. Right-click a file → Download, or open the folder menu (top right) → Download all to zip the entire folder.
- 3. Sign in with your
@mrpave.comaccount if you hit a permissions screen. - 4. If access is denied, click "Request access" — an admin will approve.
- ✓ Folder URLs are permanent. Adding, renaming or moving files inside a folder does not break these links.
- ✗ Do not move the folders themselves at the Drive root — that would change their parent path (the share URL still works, but breadcrumb navigation may confuse users).
.zip (or .md for single-file skills) and load it into Claude to generate brand-consistent landing pages, app screens, social graphics, and image prompts on demand.The master brand reference — complete Logo, Sizing & Clear Space, Colors, Typography, Data Viz, Icons, UI, Favicon, Spacing, and Voice rules. This is the source of truth every other Mr. Pave skill builds on. Use whenever ANY brand content is being created or audited.
Download .zipBuilds Mr. Pave service or campaign landing pages using the proven pedestrian-safety reference layout — full-image hero, two-column intro, services grid, mid-page CTA, site-walk checklist, why-section, process steps, and final CTA.
Download .zipBrand-consistent graphic assets — social posts, flyers, presentations, infographics, illustrations, icons, email headers, and print collateral. Applies the full graphic design system: Candlelight yellow, flat design, line iconography, yellow-highlight typography.
Download .mdDesign and build screens for the Mr. Pave internal application — operations dashboards, jobs lists, estimate and job-creation forms, detail pages, and crew views. Applies the dark-theme app design system with card layouts, status pills, KPI tiles, and Open Sans typography.
Download .zipBuild Mr. Pave-branded presentations and export to PowerPoint (.pptx, .ppt) and Keynote (.key). Clean, premium 16:9 decks — primarily white slides, generous margins, yellow/black accents, dark slides for emphasis, image placeholders where photos go.
Download .zipCreate branded HTML proposal documents for Mr. Pave bids — utility restoration, mill & pave, municipal contracts, commercial, residential. Hero photo cover, yellow band with chevron, trust strip, scoped sections, pricing table, project approach steps, core values, awards, and contact footer.
Download .mdHow to load a skill
- 1. Download the
.zip(or.md) for the skill you need. - 2. Unzip into your Claude skills directory, or upload the file to Claude directly.
- 3. Trigger the skill by describing what you want — e.g. "make a landing page for ADA compliance" or "design a social post about sealcoating."
- 4. Each skill auto-applies the Mr. Pave brand system documented on this page.