Skip to content
Brand kit · /media-files-marketing-material/

WPArena logos, colors, and usage rules.

Official files for articles, partner pages, app icons, and presentations. Every asset below is the current WPArena mark, supplied by us, so you are never guessing from a search result.

WPArena mark on a light background
WPArena mark on a dark background
Logo downloads

Use SVG when the tool allows it.

PNG files have transparent backgrounds. The color mark is for white and paper. The white mark is for Ink, photography, and dark UI.

Horizontal mark, reversed

White wordmark for Ink Navy, dark UI, and dark photography.

Horizontal mark, black

One-color version for print, engraving, and single-ink work.

Icon and app tiles

The WA disc is the compact mark.

Use it for favicons, avatars, and anywhere a square publisher logo is required. The 2015 file is the original circular icon, kept for continuity.

Favicon HTML

Reference the shipped favicon set.

<link rel="icon" href="/favicons/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicons/favicon-32x32.png" type="image/png">
<link rel="apple-touch-icon" href="/favicons/apple-touch-icon.png">
<link rel="manifest" href="/favicons/site.webmanifest">
<meta name="theme-color" content="#1A72BE">
Color

Sampled from the live header mark.

Click a value to copy it. White on Arena Blue is 5.1:1 (WCAG AA). Keep Arena Sky for graphics and large type, not small text.

Arena Blue

Primary mark, links, and buttons on light backgrounds

Arena Sky

Reversed lockup disc; large text only (not small UI copy)

Ink

Wordmark, body text, and dark panels

Paper

Page backgrounds and light stages

White

Reversed wordmark and icon on Arena Blue

:root {
  --wpa-arena-blue: #1A72BE;
  --wpa-arena-sky: #4EA3E8;
  --wpa-ink: #0B1220;
  --wpa-paper: #F6F1E6;
  --wpa-white: #FFFFFF;
}
Clear space

Keep the mark readable.

  • Clear space: a margin of x on every side, where x is the height of the A.
  • Horizontal mark: at least 96px wide on screens, 20 mm in print.
  • Icon: at least 16px on screens and 6 mm in print.
  • Use SVG, or PNG at 2× the display size. Print at 300 dpi.
Usage

Do this. Skip the rest.

Do

  • Use the color mark on white or Paper.
  • Use the white mark on Ink or dark photography.
  • Link the logo to wparena.com when it identifies the publication.
  • Download files from this page instead of taking screenshots.

Don’t

  • Don’t stretch, rotate, or recolor the letters.
  • Don’t add shadows, glows, outlines, or extra icons.
  • Don’t place the color mark on a dark or busy field.
  • Don’t imply WPArena endorsement without written permission.
Boilerplate

About WPArena

WPArena is an independent WordPress publication covering hosting, themes, plugins, security, and site operations. It has published continuously since 2008. Using these assets does not imply a partnership with or endorsement by WPArena.

Name WPArena · Founded 2008 · Website wparena.com · Contact the newsroom

FAQ

Brand questions

Where can I download the WPArena logo?

Use the logo section on this page or the full kit ZIP. Light and dark versions are both included.

Which logo should I use on a dark background?

The reversed horizontal mark (white WA) or the reversed lockup. Do not put the blue mark on a dark field.

Can I use the logo in an article?

Yes, for editorial coverage and accurate identification. Contact WPArena for co-branded campaigns.