Official Drumbeats assets

One orange logo. Light or dark — same file.

The Drumbeats badge is a single orange asset that works on every surface — light, dark, marketing, product, social. Download the size that fits.

Download badge SVG Download wordmark SVG

One file, both themes

The same orange badge SVG renders on every surface — dark or light.

On light surface

Same SVG. Sits warm and intentional on the new bg-0.

On dark surface

Same SVG. The amber pops against the dark bg-0.

One file, both themes

The orange badge is a single universal asset. Don't swap variants based on background — the same SVG sits intentionally on dark and light surfaces alike.

Black & white as accent only

Pure black and pure white are reserved for press collateral, contracts, and the interior pulse glyph. They are not primary brand colors — never recolor the badge to black or white in product UI.

Use the wordmark sparingly

The badge stands on its own in most contexts. Reach for the wordmark composition when "Drumbeats" needs to read as text alongside the mark — top nav, footer hero, OG card, email signature.

BADGE 96 — primary

Drumbeats badge

The canonical orange Drumbeats badge. One file works on every surface — light, dark, marketing, product, social. Use this as the default mark in press coverage, partner mentions, and brand-forward placements.

SVG

SVG

Vector master — crisp at any size, recommended default.

PNG 1024

PNG

For screenshots, slide decks, and articles.

PNG 4096

PNG

High-resolution export for print and large formats.

BADGE 56 — nav size

Header badge

The same orange badge sized for top-nav and footer placements. Same SVG file as BADGE 96 — only the rendering size changes. Use this in marketing nav, dashboard sidebar header, and email signatures.

SVG

SVG

Same vector master — render at 56px or whatever your layout needs.

PNG 1024

PNG

High-DPI fallback for non-SVG contexts.

BADGE 32 — small size

Compact badge

A simplified version of the orange badge tuned for small contexts — favicon, social avatar, inline UI badge. The interior glyph drops the leading dot for legibility at sub-32px sizes.

SVG

SVG

Vector master tuned for sub-32px contexts.

favicon.ico

ICO

Multi-resolution ICO (16/32/48) generated from the same source.

FLAT 56 — embedded

Flat pulse glyph

The amber pulse glyph without the rounded square. Use this when the logo sits inside another contained UI element — a card, a status-page header, a row — where a second rounded square would create competing containers.

SVG

SVG

Transparent background, amber-stroked glyph only.

Favicon set

Ready-to-use files for browser tabs, home screen icons, and manifests.

favicon.svg

SVG

Primary favicon for modern browsers with sharp scaling.

favicon.ico

ICO

Legacy browser favicon.

favicon 32x32

PNG

Browser tab icon.

Apple touch icon

PNG

iOS home screen icon.

Android Chrome 192

PNG

Modern browser and Android app icon size.

Android Chrome 512

PNG

PWA and high-resolution favicon surface.

Web app manifest

WEBMANIFEST

Manifest file paired with the favicon set.