Internal Reference — v1.0, 2026

BRAND
GUIDELINES.

Everything that makes SharkPatches look like SharkPatches — color, type, logo usage, voice, and the small details in between. Built for anyone writing copy, designing a page, or putting our name on something.

Scroll to explore

Who We Are

A custom patch shop for people who want their patch to actually look like their design — no soft edges, no washed-out color, no compromises.

What We Stand For

Directness. No filler copy, no fake urgency, no stock-photo gloss. Just the product, the process, and a straight answer.

How We Sound

Confident, a little blunt, never salesy. We talk about patches the way a patch maker actually talks — plainly, and with real specs.

Click Any Swatch To Copy

A warm, tactile monochrome-tan palette — no neons, no gradients. Built to photograph like real fabric and rubber, not a screen.

Click to copy
Bone Ink
#000000
Primary text, headlines, borders on light surfaces
Click to copy
Canvas White
#FFFFFF
Page background, card fills, header glass
Click to copy
Stitch Tan
#B08968
Primary buttons, CTAs, active states
Click to copy
Deep Leather
#96714F
Hover / pressed states for primary actions
Click to copy
Charcoal Cream
#EDE0D4
Alternating section backgrounds
Click to copy
Card Sand
#E6CCB2
Cards, placeholder tiles, feature panels
Click to copy
Border Fawn
#DDB892
Hairline borders, tags, accent dots
Click to copy
Approve Green
#2E7D32
Success states, do's, confirmations only

Three Faces, Three Jobs

Anton for shouting, Space Grotesk for talking, JetBrains Mono for labeling.

AntonDisplay / Headlines
Uppercase always
Line-height 0.92–1.02
Embroidered, Done Right
Space GroteskBody copy
Regular 400 / Medium 600
Line-height 1.5–1.7

Raised-thread texture, real durability, and a look that ages well — this is the font that carries every sentence of actual explanation on the site.

Bold-weight Space Grotesk is used sparingly, for emphasis inside body copy only.

JetBrains MonoLabels / Tags / Data
Uppercase, tracked out
11–13px
SECTION-TAG · SPEC-VALUE · NAV-LINK
96pxAa
64pxAa
48pxAa
32pxAa
24pxAa
18pxAa

How We Talk

Same brand voice everywhere, different tone per context. Pick a context below.

Product Copy
Customer Support
Social Captions
Errors & Empty States

Do

  • Lead with the material fact: "8,200 stitches per patch."
  • Use plain, active verbs: "Explore," "Compare," "Request a quote."
  • Name real specs — thread count, minimum order, turnaround days.

Don't

  • Say "premium quality" without a number behind it.
  • Use exclamation points to manufacture excitement.
  • Bury the price or minimum order below the fold.

Do

  • Answer the actual question first, explanation second.
  • Say exactly what happens next: "Your proof ships in 2 days."
  • Own delays plainly: "This run is running a day late."

Don't

  • Apologize more than once per message.
  • Hide behind "unfortunately" and vague timelines.
  • Use corporate hedge words like "we strive to."

Do

  • Show the process, not just the finished product.
  • Let the customer's own words do the selling.
  • Keep captions short — one idea per post.

Don't

  • Use more than one emoji per caption.
  • Post stock imagery that isn't our own work.
  • Chase trends that don't fit a patch shop.

Do

  • State what happened and what to do next.
  • Keep it short: "Upload failed. Try a file under 10MB."
  • Make empty states an invitation: "No orders yet — start one."

Don't

  • Blame the user: "You entered an invalid file."
  • Use jokes or personality in a failure message.
  • Leave an empty screen with no next action.

Patch Type Tags

Every patch type gets the same tag treatment across the site — consistent name, consistent dot color.

Embroidered Woven PVC Chenille Leather Printed Glow-in-the-Dark Metallic Thread Sequin 3D Puff

Spacing Scale

An 8px base unit keeps every section, card, and gap feeling deliberate rather than arbitrary.

8 · xs
16 · sm
24 · md
32 · lg
56 · xl
88 · 2xl
120 · section

Core Components

The building blocks reused across every page on the site.

Tags & Badges
01 In Stock 25 Min
Section Tag
Input Field

Grab The Files

Everything on this page, packaged for design and marketing use.

Logo Pack

Wordmark and icon in SVG, PNG, and monochrome variants for light and dark backgrounds.

Color Swatches

The full palette as an Adobe .ase file and a plain CSS variables sheet.

Need something not covered here?