Gradient Transparent Mark
Primary foreground mark for dark layouts, video corners, overlays, and partner pages.
ã.io
BRAND DESIGN SYSTEM
Download the wave-whale mark, social graphics, favicon set, and approved color variants for editorial partnerships, product integrations, event listings, and press mentions.
ASSET LIBRARY
Use transparent foreground marks for overlays, single-color marks for simple layouts, and full app icons or social headers when a contained brand surface is needed.
Primary foreground mark for dark layouts, video corners, overlays, and partner pages.
Use on light editorial pages, invoices, printed sheets, and layouts with limited color.
Use on dark photography, video frames, dark UI surfaces, and partner lockups.
Contained square icon for profile images, app directories, and platform cards.
Official social header with the wave-whale signal system and ã.io editorial copy.
Quick reference for the approved gradient, monochrome, and color-token marks.
COLOR TOKENS
The ã.io palette combines a near-black editorial base with signal colors used for the wave-whale mark, data lines, hover states, and partner co-branding accents.
Primary background and dark icon surface.
Primary accent, CTAs, and partner highlight marks.
Secondary signal color for AI waveforms and data visuals.
Gradient depth, infrastructure visuals, and technical surfaces.
High-energy highlights used sparingly at the whale tail and signal peaks.
Neutral mark option for subdued layouts and editorial metadata.
LOCKUP
Write the name as ã.io. Keep the tilde accent visible and preserve the wave-whale mark's circular counter, wave stroke, and whale-tail silhouette.
USAGE GUIDELINES
These rules keep the identity readable across editorial embeds, sponsorship pages, product galleries, event programs, and social posts.
Keep clear space around the mark equal to at least one quarter of its width.
Use the contained icon below 48px. Use foreground marks at 48px or larger.
Use white on dark backgrounds, black on light backgrounds, and gradient on calm dark surfaces.
Use the approved gradient or token colors. Do not apply arbitrary hues or effects.
Do not stretch, rotate, crop, outline, redraw, add facial features, or separate the wave and whale.
Write the brand as ã.io in public copy. Avoid a.io, A.io, tilde.ai, or unrelated spellings.