Welcome to the WebberZone brand resources page. Everything you need to use our brand identity correctly is below — icons, logos, colours, and typography from the C2 “Teal & Rust” brand system, updated June 2026.
All assets on this page are owned by Beyond Develop Ltd. You may use them to promote our plugins or link to our site. Do not imply ownership of, or affiliation with, WebberZone beyond that.
WebberZone Icons
The WZ mark on its own. Use it for favicons, app tiles, and avatars. The W is always teal (#4a7c8a); the Z is navy on light surfaces and off-white on dark ones. The notch between the W and Z is transparent geometry, not a white fill. Click any icon to download the webp file.
Icon OnLight — for light surfaces
Icon OnDarkTransparent — for dark surfaces
Square icon — for app tiles and avatars
WebberZone Logos
The stacked logo — mark above wordmark. Use it for hero sections, brand pages, and social cards. Choose OnLight for white or off-white surfaces and OnDarkTransparent for navy or dark surfaces.
OnLight — for white/off-white surfaces
OnDarkTransparent — for navy/dark surfaces
WebberZone Horizontal Logos
The horizontal lockup — mark on the left, wordmark on the right at 65% of the mark height. Use it for site headers, plugin banners, and WordPress.org plugin pages.
OnLight
OnDarkTransparent
WebberZone Colours
The palette is C2 “Teal & Rust”. Teal (#4a7c8a) is a decorative colour — it fails WCAG AA as text on the off-white page background. Use Teal text (#2d5867) for links and any teal used as inline text; it passes AAA on both white and off-white.
Teal
#4a7c8a
RGB 74/124/138 · CMYK 46/10/0/46
Primary accent — icons, buttons, borders. Never as text.
Teal dark
#3d6875
RGB 61/104/117 · CMYK 48/11/0/54
Hover state for buttons and links.
Teal text
#2d5867
RGB 45/88/103 · CMYK 56/15/0/60
All link text and active states. AAA on off-white.
Rust
#a64b28
RGB 166/75/40 · CMYK 0/55/76/35
Secondary buttons, link hover. Never in the logo.
Amber
#ffbd59
RGB 255/189/89 · CMYK 0/26/65/0
Badges and highlights only. Never as text. Never in the logo.
Navy
#1a2e3a
RGB 26/46/58 · CMYK 55/21/0/77
Headings, footer background, the Z mark.
Black
#0a0a0a
RGB 10/10/10 · CMYK 0/0/0/96
All body text.
Warm grey
#57534d
RGB 87/83/77 · CMYK 0/5/11/66
Captions, meta, secondary text.
Stone
#e9e2da
RGB 233/226/218 · CMYK 0/3/6/9
Card borders, dividers, subtle backgrounds.
Off-white
#f7f3ee
RGB 247/243/238 · CMYK 0/2/4/3
Page background. Text and logo colour on dark surfaces.
White
#ffffff
RGB 255/255/255 · CMYK 0/0/0/0
Cards and raised surfaces only.
Logo Dos and Don’ts
Use the OnLight variants on light surfaces and OnDarkTransparent on dark surfaces.
- Do not change the logo or use colours other than the ones specified. The W mark is always teal; Rust and Amber never appear in the logo.
- Do not rotate, flip, or skew the logo or use it at an angle.
- Do not crop, trim, or cut off any part of the logo or use it in a shape or frame.
- Do not add any effects, such as shadows, gradients, or outlines, to the logo.
- Do not separate the W mark and the Z mark — the notch between them is intentional transparent geometry.
- Do not use any font other than League Spartan Bold for the wordmark in reproduced materials.
Typography
League SpartanOpens in a new window (Bold 700) sets all headings H1–H4 and the logo wordmark.
Plus Jakarta SansOpens in a new window sets body copy at Regular 400 and UI text — buttons, navigation, labels, and meta — at Medium 500.
Fira CodeOpens in a new window (Regular 400) sets code blocks and inline code, with ligatures enabled.
All three fonts are self-hosted as woff2 — no Google Fonts requests are made. Kaushan Script, Lato, and Raleway were retired from the brand in June 2026.
Downloads
Click any image above to download the full-size webp file. To request the complete brand asset pack (SVG source files and webp exports at all standard sizes), contact us.