Brand · Logo System · v1 · September 2026
A crest built from gears and seconds.
Every image downloads: use the PNG button in its corner.
Six finishes, one crest
Variants change material or colour only, never proportions or geometry.
The palette
Click a swatch to copy its hex.
Geometry, clear space, minimum size
Built on a 256-unit square. One gear radius (16u) is the clear-space unit.
Grid
- Canvas256 × 256u
- Bezel radius96u
- Shield width112u
- Monogram cap height112u
- Gear radius16u · 12 teeth
- Dial hands10 : 08
- Bezel stroke10u · 4 breaks
Clear space
Pad the bounding box by 16u on every side. Keep everything else outside the dashed line.
Minimum size
Full crest: 40 px on screen, 12 mm in print. Below that, use the flat Charcoal or Reversed variant. Brushed steel from 64 px up.
Stacked, horizontal, crest-only
Stacked for packaging and dials, horizontal for headers, tagline dropped below 120 px wide.
Primary lockup
Crest · wordmark · tagline · brushed steel on gunmetal
Header lockup
Crest · divider · wordmark · gold rule · tagline · Montserrat 800
Off-white on charcoal
Flat · dark stock and dim screens · gold rule only
Charcoal on gold
Warranty cards, ribbon, gift-box bands · charcoal rule
Browser tab, every size
Reversed crest on a gunmetal square. At 16 px the silhouette is enough.
In the wild
Banners & profile headers
Set the lockup right of centre, clear of the avatar overlay.
Business card, letterhead, email signature
Card on 400 gsm charcoal stock, silver foil crest.
hello@srswatches.com
srswatches.com
Repeat texture from the crest
Diagonal half-drop at low opacity, for liners, envelopes and slides.
Common mistakes to avoid
Never rotate the crest.
Keep 1:1 aspect.
Steel, charcoal, gold, off-white only.
Use Charcoal instead.
Complete asset inventory
Every asset lives in assets/logos/. Transparent PNG masters: crest 800 px, wordmark 1200 px, from a 1728 px source. Vector redraw recommended before large-format print.
Crest variants
- emblem-metal.png brushed steel · primary on dark800 × 800
- emblem-charcoal.png flat · primary on light800 × 800
- emblem-white.png reversed800 × 800
- emblem-gold.png accent800 × 800
- emblem-silver.png watermark / pattern800 × 800
Lockups
- lockup-original.png source artwork on charcoal plate864 × 1213
- lockup-stacked-{metal,white,charcoal}.png700 × 1034
- wordmark-{metal,white,charcoal}.png SRS + WATCHES1200 × 470
- tagline-{metal,white,charcoal}.png ruler + in between seconds1200 × 191
To be exported from this guide
- favicon gunmetal square · reversed crest16 – 512
- app-icon iOS squircle · brushed steel1024 × 1024
- social-avatar · og-card · x-header · linkedin-bannerPNG
Use this when …
#2B2B2A → Pantone 447 C
#C9A24B → Pantone 871 C (metallic)
Steel → Silver foil / Pantone 877 C
Always request a press proof before the run.