Skip to main content
Avana logo

Brand Kit

Official Avana logos, colors and typography.

Download Kit
Choose a mark for your layout

Use the full wordmark or standalone icon in an approved colorway.

Set the tone with type

Diatype is primary; use Outfit where Diatype is unavailable.

Diatype

Avana uses Diatype for product and marketing surfaces. It keeps dense protocol content readable while still feeling sharp and editorial.

AaBbCc

Outfit

Outfit is a fallback specimen for contexts where Diatype is unavailable. Diatype remains the primary typeface for the product experience.

AaBbCc
Build with the core palette

Pair white and ink with Avana cyan for emphasis.

Core Colors

The Avana palette is intentionally simple: white for space, ink for clarity, and cyan for recognition.

Avana White

Primary surface for product pages, cards, documentation, and layouts that need room to breathe.

Avana Ink

Main text and dark logo color. Use it when contrast and authority matter.

Avana Cyan

Primary accent for active states, links, key highlights, and Avana-led calls to action.

Keep the logo intact

Give it clear space and avoid stretching, recoloring, or adding effects.

Things to avoid

Keep the Avana mark intact. These examples show the treatments that make the logo harder to read or less recognizable.

Stretched logo example

Do not stretch or compress the logo.

Rotated icon example

Do not rotate or flip the mark.

Recolored logo example
Second recolored logo example

Do not recolor the logo outside approved colorways.

Cropped logo example

Do not crop the mark or place it too close to an edge.

Logo with effects example

Do not add shadows, gradients, outlines, or effects.

Crowded spacing examplePartner

Do not crowd the mark with partner logos or UI labels.

Frequently asked questions