Brand · Logo System · v1 · September 2026
A monogram set in a hexagonal shield.
Every image downloads: use the PNG button in its corner.
Six finishes, one monogram
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 letter stroke (16u) is the clear-space unit.
Grid
- Canvas256 × 256u
- Shield height216u
- Shield width188u
- Monogram cap height112u
- Letter stroke16u
- InterlaceS over R over S
- Shield stroke10u · 2 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. Metallic gold from 64 px up.
Stacked, horizontal, crest-only
Stacked for packaging, horizontal for headers, crest alone below 120 px wide.
Primary lockup
Crest · wordmark · gold on leather brown
Header lockup
Crest · divider · wordmark · gold rule · Cinzel 700
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 leather-brown 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, gold foil crest.
hello@houseofsrs.com
houseofsrs.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.
Gold, charcoal, off-white only.
Use Charcoal instead.
Complete asset inventory
Every asset lives in assets/house/. Transparent PNG masters at 1000 px. Vector redraw recommended before large-format print.
Crest variants
- emblem-metal.png metallic gold · primary on dark1000 × 1000
- emblem-charcoal.png flat · primary on light1000 × 1000
- emblem-white.png reversed1000 × 1000
- emblem-gold.png accent1000 × 1000
- emblem-silver.png watermark / pattern1000 × 1000
Lockups
- wordmark-{metal,white,charcoal,gold}.png HOUSE OF SRS2000 × 400
To be exported from this guide
- favicon leather-brown square · reversed crest16 – 512
- app-icon iOS squircle · metallic gold1024 × 1024
- social-avatar · og-card · x-header · linkedin-bannerPNG
Use this when …
#4E433E → Pantone 7532 C
#C9A24B → Pantone 871 C (metallic)
Metallic gold → Gold foil / Pantone 871 C
Always request a press proof before the run.