ã.io

BRAND DESIGN SYSTEM

ã.io identity assets for partner teams.

Download the wave-whale mark, social graphics, favicon set, and approved color variants for editorial partnerships, product integrations, event listings, and press mentions.

ã.io X banner with wave-whale data visual

ASSET LIBRARY

Logo files and social graphics

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.

Gradient transparent ã.io wave-whale mark

Gradient Transparent Mark

Primary foreground mark for dark layouts, video corners, overlays, and partner pages.

PNG / transparent / 1024x1024
Black transparent ã.io wave-whale mark

Black Monochrome

Use on light editorial pages, invoices, printed sheets, and layouts with limited color.

PNG / transparent / 1024x1024
White transparent ã.io wave-whale mark

White Monochrome

Use on dark photography, video frames, dark UI surfaces, and partner lockups.

PNG / transparent / 1024x1024
ã.io dark grid app icon

Dark Grid Icon

Contained square icon for profile images, app directories, and platform cards.

PNG / square / 1024x1024

X Banner

Official social header with the wave-whale signal system and ã.io editorial copy.

PNG / 1500x500
ã.io VI mark variant sheet

Variant Sheet

Quick reference for the approved gradient, monochrome, and color-token marks.

PNG / preview sheet / 880x524

COLOR TOKENS

Approved palette

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.

Black Signal

#070A0F

Primary background and dark icon surface.

Signal Green

#20F28B

Primary accent, CTAs, and partner highlight marks.

Electric Cyan

#35C7FF

Secondary signal color for AI waveforms and data visuals.

Deep Blue

#1367FF

Gradient depth, infrastructure visuals, and technical surfaces.

Acid Yellow

#F7FF5A

High-energy highlights used sparingly at the whale tail and signal peaks.

Slate

#9AA6B2

Neutral mark option for subdued layouts and editorial metadata.

LOCKUP

Name and mark relationship

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.

ã.io banner lockup preview
ã.io Daily AI Technology Briefings

USAGE GUIDELINES

Partner usage rules

These rules keep the identity readable across editorial embeds, sponsorship pages, product galleries, event programs, and social posts.

01 / CLEAR SPACE

Give the mark room.

Keep clear space around the mark equal to at least one quarter of its width.

02 / MINIMUM SIZE

Keep small uses simple.

Use the contained icon below 48px. Use foreground marks at 48px or larger.

03 / CONTRAST

Choose the right version.

Use white on dark backgrounds, black on light backgrounds, and gradient on calm dark surfaces.

04 / COLOR

Stay inside the palette.

Use the approved gradient or token colors. Do not apply arbitrary hues or effects.

05 / SHAPE

Do not alter the glyph.

Do not stretch, rotate, crop, outline, redraw, add facial features, or separate the wave and whale.

06 / NAMING

Preserve the accent.

Write the brand as ã.io in public copy. Avoid a.io, A.io, tilde.ai, or unrelated spellings.