Official logo and brand asset package for WAVIISoft. All vector sources are SVG with text converted to outlines — no fonts required to render them. See brand-guide.pdf for full usage rules.
The logo is a two-tone "wavy W": teal sides with a blue crest. On light backgrounds use wave teal #14B8A6 + crest blue #2563EB; on dark backgrounds use bright teal #2DD4BF + sky #7DD3FC. The wordmark sets "aviisoft" in Quicksand Bold with the two i's picking up the W's colors.
Never add dots above the W. Paired dots read as eyes and the mark turns into a face. (We learned this the hard way.)
waviisoft-brand/
├── brand-guide.pdf Two-page brand guidelines
├── logos/
│ ├── wordmark-color-light Primary logo for light backgrounds (SVG + PNG)
│ ├── wordmark-color-dark Primary logo for dark backgrounds (SVG + PNG)
│ ├── wordmark-mono-navy Single-color, for print/engraving (SVG + PNG)
│ ├── wordmark-mono-white Single-color on dark (SVG + PNG)
│ ├── icon-light Square icon, sea foam tile (SVG + 512 PNG)
│ └── icon-navy Square icon, navy tile (SVG + 512 PNG)
├── icons-favicons/
│ ├── favicon.ico 16 + 32 + 48 multi-size
│ ├── favicon.svg Vector favicon (modern browsers)
│ ├── favicon-16/32/48.png
│ ├── apple-touch-icon.png 180×180
│ ├── icon-192.png, icon-512.png
│ ├── maskable-512.png Safe-zone padded for Android/PWA
│ ├── site.webmanifest
│ └── html-head-snippet.html Copy-paste <head> tags
├── social/
│ ├── profile-navy-512.png Avatar for GitHub, LinkedIn, X (preferred)
│ ├── profile-light-512.png Avatar, light variant
│ ├── linkedin-cover-1128x191.png
│ ├── x-header-1500x500.png
│ ├── github-social-preview-1280x640.png (repo Settings → Social preview)
│ ├── og-image-1200x630.png For <meta property="og:image">
│ └── square-post-1080x1080.png Instagram / general square
└── documents/
├── letterhead-header-2480x360.png A4 @ 300 dpi header strip
└── email-signature.html Self-contained (logo embedded as base64)
--ws-navy: #123A5C; /* text, dark surfaces */
--ws-teal: #14B8A6; /* primary brand color */
--ws-blue: #2563EB; /* accent (the crest) */
--ws-teal-bright: #2DD4BF; /* teal on dark backgrounds */
--ws-sky: #7DD3FC; /* blue on dark backgrounds */
--ws-foam: #E0F6F3; /* light surface tint */
--ws-offwhite: #F4F9FC; /* text on dark */Ratio guidance: roughly 60% navy, 30% teal, 10% blue.
Quicksand (Google Fonts) — Bold 700 for headlines, Medium 500 for body.
Fallback stack: 'Quicksand', 'Nunito', 'Segoe UI', sans-serif.
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap" rel="stylesheet">Use SVG wherever possible; PNGs are provided at the exact sizes platforms ask for. Switch from wordmark to icon below 120 px width. Don't stretch, recolor, add effects, or re-typeset the wordmark in another font. Keep clear space around the logo equal to the W's height.
This repository (waviisoft/brand) is the source of truth for WAVIISoft brand assets. Consumers copy what they need:
- marketing-site — serves
logos/wordmark-color-*.svg(aspublic/brand/), the fullicons-favicons/set, andsocial/og-image-1200x630.pngfrom itspublic/directory. If assets change here, re-copy them there. - GitHub org/repos —
social/profile-navy-512.png(avatar),social/github-social-preview-1280x640.png(repo Settings → Social preview). p1.png/p2.pngare page previews ofbrand-guide.pdf.