Brand guidelines / HeroThemes

Brand assets

Everything you need to represent HeroThemes accurately: logos, colors, and typography, plus a few simple rules to keep things consistent.

Logo

The HeroThemes logo

Our logo is the wordmark paired with the winged jet mark. Choose the version that gives the cleanest contrast against its background, and always leave it room to breathe.

Primary logo

Full color. The default lockup for white or light backgrounds.

SVG PNG

Reversed logo

White wordmark. Use on navy, dark, or photographic backgrounds.

SVG PNG

Monochrome logo

Single-tone lockup for print, watermarks, and one-color contexts.

SVG

App mark

App mark (color)

The wings emblem on its own, centred in a square. For avatars, favicons, and app icons.

SVG

App mark (mono)

Single-tone emblem for stamps, embossing, and one-color print.

SVG

Spacing

Clear space & minimum size

Give it room to breathe

Keep clear space of at least “X” (the height of the jet mark) on every side. Never let other logos, text, or busy imagery encroach on that zone.

120px min · full logo

24px min · mark

Stay legible

Don’t show the full logo below 120px wide, or the standalone mark below 24px. Below those sizes the wordmark stops being readable, so switch to the mark instead.

Usage

Logo do’s & don’ts

Use the supplied logo files without modification.
Pick the variant with the strongest background contrast.
Keep the full clear space around every placement.
Scale proportionally, always from a corner.

Don’t

Don’t stretch or distort

Don’t rotate or tilt

Don’t recolor

Don’t add effects

Don’t use low contrast

Don’t crowd it

Color

Color palette

Navy and blue carry the brand; the neutrals keep everything calm and readable. Click any swatch to copy its hex value.

Brand

Neutrals

Typography

Proxima Nova

Our single brand typeface, served through Adobe Fonts. Clean, geometric, and friendly. It carries every headline, paragraph, and UI label.

Weights: 400 · 500 · 600 · 700
Fallback: Helvetica, Arial

Regular Medium Semibold Bold

Display 56px · Semibold 600

Great support, simplified

Heading / H2 32px · Semibold 600

Built for WordPress businesses

Subheading / H3 22px · Semibold 600

Everything in one dashboard

Body 18px · Regular 400

Deflect repetitive tickets with a self-service knowledge base your customers actually enjoy using.

Small / Caption 14px · Regular 400

Supporting labels, captions, and fine print.

Product brands

Our products

Each product keeps its own rounded-badge mark and accent color, but always lives inside the wider HeroThemes system: same typeface, same navy, same clear-space rules.