WebAID Brand Kit
Download the official WebAID logo in SVG and PNG formats. Use the correct version for each context to ensure the brand always looks its best.
Logo Downloads
Usage Guidelines
Follow these rules to keep the WebAID brand consistent and professional across every touchpoint.
Do
- Use the logo on high-contrast backgrounds only
- Maintain clear space equal to the height of the 'W' around all sides
- Use the light logo on dark backgrounds and the dark logo on light backgrounds
- Keep the icon mark proportional — never stretch or squash
- Use the SVG version for all digital use at any size
- Use the PNG version for email signatures and platforms that don't support SVG
Don't
- Do not recolour the logo or icon
- Do not place the logo on busy photographic backgrounds without an overlay
- Do not rotate, skew, or apply effects to the logo
- Do not use the icon mark at sizes smaller than 16×16px
- Do not add drop shadows, outlines, or glows to the logo
- Do not use old or unauthorised logo versions
Minimum Clear Space
Always maintain clear space equal to the cap-height of the "W" on all four sides of the logo.
- • Minimum logo width: 120 px
- • Minimum icon size: 16 × 16 px
- • Preferred logo width: 160 px+
Social Media Kit
Pre-sized PNG exports for every major platform. Each file is rendered at the correct pixel dimensions with the appropriate background colour.
400 × 400 px
1584 × 396 px
400 × 400 px
1500 × 500 px
640 × 640 px
300 × 80 px
64 × 64 px
1200 × 630 px
Brand Imagery
Official cinematic backgrounds used across the WebAID digital experience. Use these for presentations, social media, and digital collateral.
Favicon & OG Image Previews
See how the WebAID brand mark appears across Google search results, browser tabs, and social link previews.
Google Search — Favicon
16 × 16 px icon shown beside the page title in search results.
WebAID | Website Intelligence & Growth
WebAID identifies what is helping, hurting, or limiting your digital growth — then provides clear strategic direction on what to do next.
Browser Tab
Icon shown in browser tabs and bookmarks.
LinkedIn / Social Share
1200 × 630 px card shown when a link is shared on LinkedIn, Twitter, WhatsApp.
webaid.co.za
WebAID | Website Intelligence & Growth
Identify what is helping, hurting, or limiting your digital growth.
Brand Colours
Typography
Display / Headings
WebAID
System UI — Bold, Tracking: wide
Body Copy
WebAID helps South African businesses identify performance weaknesses, missed opportunities, and practical next-step improvements.
System UI — Regular, line-height: 1.7
Labels / Tracking
WEBSITE PERFORMANCE CHECK
System UI — Semibold, Tracking: widest
All SVG files are infinitely scalable. PNG files are rendered at platform-optimised dimensions. For print use, request high-resolution files at 300 dpi.