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.

Black on whiteBlack on white
Purple on whitePurple on white
White on blackWhite on black
Favicon / Icon Mark (JPG)Favicon / Icon Mark (JPG)
Favicon (SVG)Favicon (SVG)
Icon Mark — Dark BackgroundIcon Mark — Dark Background

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 master vector mark, so nothing gets fuzzy — from a browser tab up to an app-store icon.

05 — Downloads

Grab the files.

PNG & SVG — high-resolution asset downloads. Use these in decks, docs, social profiles and app stores.