WEBSTRIKE / BRAND MEDIA CENTER — INTERNAL RESOURCE

BRAND
MEDIA CENTER.

Colors, type, logos and favicons — everything the team needs to keep Webstrike looking like Webstrike, on every deck, doc and post.

01 — Color

Purple is the signature. Use it like a spotlight, not a wash.

Keep the site and decks roughly 60% light, 20% black, 15% neutral gray, 5% purple — purple stays powerful because it's rare.

Tap a swatch to copy its hex code.

02 — Typography

TWO TYPEFACES.
ONE VOICE.

Display — Bricolage Grotesque

Aa Bb Cc

WE MAKE BRANDS STRIKE.

Weights used: 500, 600, 700, 800 · Headlines, hero type, numbers, statements. Never used for body copy.

Body — Inter

Strategy, creativity and technology — built to grow with you.

Weights used: 400, 500, 600 · Paragraphs, navigation, buttons, labels, forms.

03 — Logo suite

Wordmark & icon mark, for every background.

Webstrike wordmark, purplePurple on white
Webstrike wordmark, whiteWhite on black
Webstrike wordmark, blackBlack on white
Webstrike monogram, purpleIcon mark — purple
Webstrike monogram, blackIcon mark — black
Webstrike monogram, whiteIcon mark — white

Do

  • Keep clear space around the mark equal to the height of the "W".
  • Use the white wordmark on dark or photographic backgrounds.
  • Scale the icon mark down to 16px for favicons — it stays legible.

Don't

  • Stretch, rotate, or recolor the wordmark outside the approved set.
  • Place the purple wordmark on mid-tone or busy backgrounds.
  • Add drop shadows, outlines or effects to any logo file.
04 — Favicon & app icons

ONE MARK.
EVERY SIZE.

Favicon 16px16×16
Favicon 32px32×32
Favicon 48px48×48
Favicon 96px96×96
App icon 180px180×180 (touch icon)
App icon 512px512×512 (app icon)

All sizes are exported from the same SVG mark, so nothing gets fuzzy — from a browser tab up to an app-store icon.

QUESTIONS
ON BRAND USAGE?