Brand

Brand Identity

The AskVoicely logo, colors, gradients, type and usage rules — everything you need to represent the brand consistently.

Visitors have questions. Let them ask.

Logo variations

On dark

On white (light-background version)

On deep blue

Icon variations

Dark

Light

Blue

App tile

Brand messaging

Give Your Website A Voice Interface.

Visitors have questions. Let them ask.

Color palette

Dodger Blue (primary wave)#1E90FFvar(--wave-blue)

Primary blue (buttons)#008EF9var(--primary)

Cyan#00DDEFvar(--wave-cyan)

Background#030405var(--background)

Card#090B0Fvar(--card)

Border#1E2227var(--border)

Text#F2F3F5var(--foreground)

Muted text#8C939Bvar(--muted-foreground)

Soundwave accents

Used only inside the animated soundwave visuals, never in the logo.

Violet#945FF9var(--wave-violet)

Pink#FB55B1var(--wave-pink)

Yellow#FBD530var(--wave-yellow)

Gradients

Headline gradientDodger Blue → Cyan, 90°

Big-figure gradientCyan → Dodger Blue, 180°

Microphone glowRadial: Cyan → Dodger Blue → Background

Soundwave spectrumPink → Violet → Cyan → Yellow (visualizer only)

Typography

DM Sans · var(--font-sans)

Aa Bold 800 — Headlines

Aa Bold 700 — Section titles

Aa Medium 500 — Buttons & navigation

Aa Regular 400 — Body text. The quick brown fox asks the website a question.

Clear space & minimum size

××××

Keep clear space equal to the height of the "A" on every side.

Minimum sizes

Full logo: 120px wide on screen, 30mm in print
Icon: 24px on screen, 8mm in print
Favicon: use the dark app tile

Usage

Use the logo as supplied

Don't stretch or squash

Don't recolor

Don't add shadows or effects

In use: website widget

Downloads

High-resolution PNG files. Vector originals are not available yet.

Logo — for dark backgrounds (PNG) Logo — for light backgrounds (PNG) Icon — transparent (PNG) Icon — dark tile (PNG)