# WhatsAudio Brand Kit

Comprehensive guide to our visual identity. Logos, colors, typography, and assets to maintain brand consistency.

Explore Assets Read Guidelines

## Logos

Our logo is the most recognizable element of our brand. Use the appropriate version depending on the background and context.

### Primary Icon (Green)

PNG / SVG

### Secondary Icon (Gray)

PNG / SVG

### Horizontal Logo (Black)

PNG / SVG

### Full Horizontal Logo

PNG / SVG

### Dark Mode Logo

PNG / SVG

## Color Palette

Our colors reflect our connection to the WhatsApp ecosystem while maintaining a professional, modern AI identity.

Primary Green
#25D366 rgb(37, 211, 102) Primary
Dark Gray
#545454 rgb(84, 84, 84) Secondary
Light Gray
#A6A6A6 rgb(166, 166, 166) Neutral
Rich Black
#1A1A1A rgb(26, 26, 26) Text
Pure White
#FFFFFF rgb(255, 255, 255) Background

## Typography

We use Phenomena for bold, impactful headlines and Archth for clean, readable body text.

### Phenomena

Aa Bb Cc

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

H1 - 80px Headlines
H2 - 48px Section Titles
H3 - 32px Subheadings

### Archth

Aa Bb Cc

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Body - 18px This is the standard body text size. Clean and readable for all long-form content.
Small - 14px Used for captions, metadata, and secondary information that needs to be unobtrusive.

## Brand Voice & Elements

#### Visual Motif

The "Sparkle Mic" represents the magic of AI transcription.

#### Slogan

Automatic transcription · AI

#### Tagline

Your audios. In text. Automatically.

#### Official Domain

whatsaudio.ai

## Social Assets

Ready-to-use headers and profile images for social media platforms.

LinkedIn Banner (1584 x 396px) Download
Facebook Cover (820 x 312px) Download
WhatsApp Profile (500 x 500px) Download
Instagram Post (1080 x 1080px) Download

## Usage Guidelines

### DOs

#### Maintain Clear Space

Always leave at least 50% of the logo's height as clear space around it to ensure visibility and impact.

#### Use High Contrast

Ensure the logo has sufficient contrast with the background. Use the white text version on dark backgrounds.

#### Keep Proportions

Scale the logo uniformly. Do not stretch or compress the logo vertically or horizontally.

### DON'Ts

#### Don't Change Colors

Do not use colors outside the official palette for the logo icon or text.

#### Don't Add Effects

Avoid adding drop shadows, gradients, or outlines to the logo.

#### Don't Rotate

The logo should always be displayed horizontally. Do not rotate or tilt it.