Logo

The Wire logo features custom lettering designed collaboratively by Wire Design and illustrator Mads Burcharth. It spells out the name "Wire" and consistently represents the brand.

Typically, the logo is displayed in its entirety, featuring the full name. However, when space is constrained, it can be used in a condensed form as a symbol, highlighting the distinctive W.

-> Download logo package

The Wave

The wave is the central design element of Wire's brand. It originates from a stylized audio waveform that symbolizes a human voice, embodying the limitless potential for seamless communication through Wire. It conveys themes of connectivity, movement, and energy.

As the visual foundation of Wire's brand identity, the wave sets Wire apart and complements the logo effectively.

The wave is featured across all of Wire's marketing collaterals, including presentations, websites, print products, and social media channels.

-> Download wave assets

Achieve:

• Start with the base wave element and find an interesting section that works in the context of the format and medium you are designing for.
• Aim for a similar composition and impression as depicted in the screens below.
• Convey the general sense of activity, movement and energy.
• Adjust the stroke width, positions and amplitude of each line to create a harmonious impression within the composition's context.
• If necessary, images can be positioned over the wave element. Harmonize the movement of the waves in the background with the image in the foreground to create a balanced look.

Avoid:

• Avoid magnifying individual lines excessively
• Avoid creating the impression of single curves instead of waves
• Do not use different colors
• Do not place text on the wave elements
• Do not use on backgrounds other than black

Color Palette

Wire's primary brand color is blue. Five secondary colors are available to introduce a playful element.

To ensure optimal contrast ratios and improve readability on various backgrounds, Wire uses distinct sets of colors for dark and light backgrounds.

Typography

Wire utilizes the font "Inter" as its brand typeface. It conveys an inviting and approachable feel and is highly focused on readability.

You can download the font for free, with the option to install it as an additional font in Google Slides (learn more).

If "Inter" is unavailable, you can consider Roboto, Helvetica, or a sans-serif system font as a fallback.

-> Get Inter

Pictures

Wire's image language aligns with its overall tone of voice.

-> Picture repository

Achieve:

• Highlight people interacting with Wire in everyday environments
• Convey a friendly and approachable vibe
• Employ a warm and inviting color palette
• Feature faces when possible
• Opt for a square format with rounded corners if the layout allows it

Avoid:

• Avoid overused corporate clichés (e.g., all grey tones, stern older men in suits, mirrored skyscrapers)
• Avoid an unrealistic, glossy AI look
• Avoid fotomontages. If a subject is too intricate for a picture, consider using an illustration instead.

Illustrations

The illustration style of Wire complements its general tone of voice.

-> Illustration repository

Product Shots

Images of the Wire App showcase specific features and details of the Wire application.

-> Product shots repository

Iconography

The icons in this set are custom made and designed to align with Wire's overall clear and inviting messaging.

-> Icon repository