--- title: "Brand Kit · Massive Monster" canonical_url: "https://massivemonster.com/brand-kit" last_updated: "2026-05-07T06:43:30.374Z" meta: description: "Current Massive Monster logos, colours, type and site illustrations for press, partners and fan projects." "og:description": "Current Massive Monster logos, colours, type and site illustrations for press, partners and fan projects." "og:title": "Brand Kit · Massive Monster" --- Right-click for brand kit YouTubeXBlueskyDiscord Right-click for brand kit **Massive Monster ** # Brand Kit Current logos, colours, typography and site illustrations. Kept deliberately small so press and partners only see what we are actually using. ![Massive Monster](https://massivemonster.com/cdn-cgi/image/w=394,h=135/image/logo-primary.png) **01 · Logo ** ## Primary wordmark The active wordmark is white artwork with transparency. Keep it on Monster Red or dark ink so it stays legible. ![Primary wordmark](https://massivemonster.com/cdn-cgi/image/w=300,h=103/image/logo-primary.png) **Primary wordmark** Used in the site header and generated social images. [**~~PNG ~~**](https://massivemonster.com/image/logo-primary.png) ![Wordmark on ink](https://massivemonster.com/cdn-cgi/image/w=300,h=103/image/logo-primary.png) **Wordmark on ink** Use when the red field is not available. [**~~PNG ~~**](https://massivemonster.com/image/logo-primary.png) ![No-text mark](https://massivemonster.com/cdn-cgi/image/w=82,h=99/image/monster.png) **No-text mark** Small UI mark used in the mobile drawer. Source is 82x99. [**~~PNG ~~**](https://massivemonster.com/image/monster.png) **02 · Colour ** ## Brand colours Five values cover the current interface, illustrations and social image templates. Click a value to copy it. **Monster Red** Primary **Monster Blue** Secondary **Award Gold** Accent **Ink** Text **Paper** Surface **03 · Type ** ## Typography The site uses Sofia Pro via Adobe Typekit. Display **Sofia Pro Soft** Take Massive Adventures Body and UI **Sofia Pro** Games bursting with personality and play. Utility **Sofia Pro Condensed** MELBOURNE · UK **04 · Sound + buttons ** ## Interface integrations These are the branded interaction pieces currently wired into the site. Keep new buttons and sound cues routed through these components so the behaviour stays consistent. **Live controls ** **Global sound ** Opt-in toggle for hover, press and ambient interaction cues. **Motion buttons** `MMotionButton` Primary CTA wrapper. Adds hover/press motion and a small press sound. **Goo buttons** `MRainbowButton` Used for higher-energy Cult of the Lamb and Discord surfaces. **Sound toggle** `MSoundToggle` Global opt-in control used on the footer and the interactive monster. **Sound hooks** `useSound()` Navigation, cards, forms and monster interactions play short branded cues. **05 · Illustrations ** ## Site illustration set These are the illustrations currently referenced by pages, footer, errors and social metadata. [![Home](https://massivemonster.com/cdn-cgi/image/w=302,h=173/image/illustrations/home.svg)**Home** /image/illustrations/home.svg](https://massivemonster.com/image/illustrations/home.svg) [![Games](https://massivemonster.com/cdn-cgi/image/w=350,h=201/image/illustrations/game.svg)**Games** /image/illustrations/game.svg](https://massivemonster.com/image/illustrations/game.svg) [![News](https://massivemonster.com/cdn-cgi/image/w=350,h=175/image/illustrations/news.svg)**News** /image/illustrations/news.svg](https://massivemonster.com/image/illustrations/news.svg) [![Hire](https://massivemonster.com/cdn-cgi/image/w=356,h=220/image/illustrations/hire.svg)**Hire** /image/illustrations/hire.svg](https://massivemonster.com/image/illustrations/hire.svg) [![Contact](https://massivemonster.com/cdn-cgi/image/w=280,h=159/image/illustrations/contact.svg)**Contact** /image/illustrations/contact.svg](https://massivemonster.com/image/illustrations/contact.svg) [![Location](https://massivemonster.com/cdn-cgi/image/w=280,h=250/image/illustrations/location.svg)**Location** /image/illustrations/location.svg](https://massivemonster.com/image/illustrations/location.svg) [![About](https://massivemonster.com/cdn-cgi/image/w=318,h=196/image/illustrations/about.svg)**About** /image/illustrations/about.svg](https://massivemonster.com/image/illustrations/about.svg) [![History](https://massivemonster.com/cdn-cgi/image/w=262,h=150/image/illustrations/history.svg)**History** /image/illustrations/history.svg](https://massivemonster.com/image/illustrations/history.svg) [![Awards](https://massivemonster.com/cdn-cgi/image/w=386,h=192/image/illustrations/awards.svg)**Awards** /image/illustrations/awards.svg](https://massivemonster.com/image/illustrations/awards.svg) [![Team](https://massivemonster.com/cdn-cgi/image/w=350,h=220/image/illustrations/team.svg)**Team** /image/illustrations/team.svg](https://massivemonster.com/image/illustrations/team.svg) [![Lightbulb](https://massivemonster.com/cdn-cgi/image/w=155,h=155/image/illustrations/lightbulb.svg)**Lightbulb** /image/illustrations/lightbulb.svg](https://massivemonster.com/image/illustrations/lightbulb.svg) [![Mailman](https://massivemonster.com/cdn-cgi/image/w=315,h=180/image/illustrations/mailman.svg)**Mailman** /image/illustrations/mailman.svg](https://massivemonster.com/image/illustrations/mailman.svg) [![Monster Fund](https://massivemonster.com/cdn-cgi/image/w=280,h=250/image/illustrations/monsterfund.svg)**Monster Fund** /image/illustrations/monsterfund.svg](https://massivemonster.com/image/illustrations/monsterfund.svg) [![404](https://massivemonster.com/cdn-cgi/image/w=364,h=332/image/illustrations/404.svg)**404** /image/illustrations/404.svg](https://massivemonster.com/image/illustrations/404.svg) **06 · Downloads ** ## Minimal asset links [**Primary wordmark** PNG · transparent white](https://massivemonster.com/image/logo-primary.png) [**No-text mark** PNG · 82x99 red-backed mark](https://massivemonster.com/image/monster.png)