Brand & logo guidelines

Follow these rules to keep Webetter consistent and professional across the website, presentations, and partner material.

Primary logo

The approved mark is a circular gradient base carrying the “W” letterform. Always use the official SVG or a high-resolution PNG — never redraw, recolour, or substitute the artwork.

Webetter logo

Clear space

Keep clear space around the logo of at least one quarter of its width. Don't place text, icons, or busy backgrounds inside this area.

Minimum size

In digital interfaces, never render the logo below 24 px tall (48 px if you use the full square icon file). For print, use a height of at least 8 mm.

Core colours

The gradient and highlights of the official artwork are built on the values below. When you need flat colour blocks (for UI or slides), use these exact values.

Deep blue#016DD8
Sky highlight#509AFE
White / negative space#FFFFFF

Do

  • Use the official files on backgrounds with enough contrast (white, light grey, or the approved blue).
  • Scale proportionally; keep the mark at a 1:1 ratio.
  • Write the product name “Webetter” in normal sentence case in body copy.

Don't

  • Stretch, rotate, outline, or change the gradient angle in any way.
  • Use off-brand colours, or place the logo on busy, low-legibility backgrounds.
  • Use the mark as a generic icon for products unrelated to Webetter, or imply a partnership / endorsement without consent.

Media or co-branding enquiries? Contact us at [email protected].

FAQ

Quick answers.

Which Webetter logo files should I use?

Use the official SVG or a high-resolution PNG and keep the artwork, colours and proportions unchanged.

How do I request co-branding approval?

Contact [email protected] before using the Webetter mark in co-branded or endorsement material.