Logo Usage Guidelines

Download Logos

Download individual SVG files or all logos as a zip archive.

Download All Logos (.zip)

1. Logo Variants

The Writemedia identity system includes four logo variants. Each has a light-background and dark-background version.

Circle Mark (Icon)

The magenta circle with white "WW" monogram. Use as a favicon, social avatar, app icon, or wherever space is very limited.

Horizontal Lockup

Circle mark + wordmark side-by-side. The primary logo for headers, navigation bars, and wide spaces.

Wordmark Only

The "writemedia." text without the circle mark. Use when the icon is displayed separately, or in vertically constrained spaces.

Stacked Lockup

Circle mark above wordmark. Use in square/tall spaces, centred layouts, presentations, and social media banners.

2. Which Variant to Use

Context	Variant	File(s)
Website header / navigation bar	Horizontal lockup	Logo wide.svg or Logo wide white.svg
Website footer	Horizontal lockup or Stacked	Depends on layout width
Favicon / browser tab	Circle mark	wmlogo.svg
Social media avatar	Circle mark	wmlogo.svg
Social media banner / cover	Horizontal lockup or Stacked	Depends on dimensions
Email signature	Horizontal lockup	Logo wide.svg
Presentation title slide	Stacked lockup	Logo stacked.svg or Logo stacked white.svg
Presentation footer	Horizontal lockup	Logo wide.svg or Logo wide white.svg
Business card	Stacked lockup or Horizontal	Depends on card orientation
Document header / letterhead	Horizontal lockup	Logo wide.svg
App icon / launcher	Circle mark	wmlogo.svg
Loading screen / splash	Stacked lockup	Logo stacked.svg or Logo stacked white.svg

3. Background Rules

Always choose the correct variant for the background colour. The wordmark text must have sufficient contrast.

Light backgrounds (white, #F5F0ED, light greys)

• Use the standard (dark text) versions: Logo wide.svg, Logo wordmark.svg, Logo stacked.svg
• The circle mark wmlogo.svg works on any background

Dark backgrounds (#1A1717, #221E1E, dark greys, black)

• Use the white text versions: Logo wide white.svg, Logo wordmark white.svg, Logo stacked white.svg
• The circle mark wmlogo.svg works on any background

Magenta backgrounds

• Avoid placing the full logo on a magenta background — the circle mark will lose visibility
• If necessary, use the white wordmark only on magenta

Photography / complex backgrounds

• Place the logo on a solid-colour overlay or panel, not directly over busy imagery
• If a transparent overlay is used, ensure the text has at minimum WCAG AA contrast (4.5:1)

4. Clear Space

Maintain a minimum exclusion zone around the logo equal to the height of the "w" character in the wordmark. No other text, graphics, or edges should enter this zone.

5. Minimum Sizes

Below these sizes, the wordmark becomes illegible. Switch to the circle mark for very small placements.

Variant	Min height (screen)	Min height (print)	Notes
Horizontal lockup	24px	8mm	Below this, the wordmark becomes unreadable
Stacked lockup	48px	16mm	Needs more height due to vertical stacking
Wordmark only	16px	5mm	Simpler form allows slightly smaller sizing
Circle mark	16px	5mm	Use this for anything smaller than other variants' minimums

6. Logo Colours

The logo uses two brand colours plus a text colour that switches by background.

Element	Colour	Hex	Usage
Circle + trailing dot		#E91E8C	Always magenta, never changes
WW monogram (in circle)		#FFFFFF	Always white, never changes
Wordmark text (light bg)		#1A1717	On light backgrounds
Wordmark text (dark bg)		#F5F0ED	On dark backgrounds

7. Don'ts

Never modify the logo in any of the following ways.

8. File Inventory

All logo files are SVG vectors and scale to any size without quality loss.

Variant	Light background	Dark background
Circle mark	wmlogo.svg	wmlogo.svg (same file)
Horizontal lockup	Logo wide.svg	Logo wide white.svg
Wordmark only	Logo wordmark.svg	Logo wordmark white.svg
Stacked lockup	Logo stacked.svg	Logo stacked white.svg