Vani AI · Brand kit

Vani brand kit

The Vani AI logo, colours, type and name, with the few rules that keep them consistent. For press, partners and anyone building with Vani.

ZIP · 530 KB · 24 logo files and a README · updated 1 October 2026

The Vani AI logo: a sun-like mark beside the VANI.AI wordmark, in white
  • Night#0B0C0D
  • Ink#F5F3EE
  • Lime#C7F36B
  • Blue#3D4EE8
  • Paper#EEECE7

02Clear space and size

Give it room.

Keep clear space of at least x on every side, where x is the height of the capital letters in VANI.AI. For the icon on its own, x is a quarter of the icon's width.

The primary logo inside a dashed box that marks its clear space
x = the height of the capitals in VANI.AI, shown by the guides above and below the wordmark.

Minimum size

  • Primary logo at its minimum size, 80 pixels wide

    Primary logo80 px wide on screen · 20 mm in print

  • Wordmark at its minimum size, 60 pixels wide

    Wordmark60 px wide on screen · 15 mm in print

  • Icon at its minimum size, 16 pixels wide

    Icon16 px wide on screen · 5 mm in print

03Usage

Do's and don'ts.

Free to use when you write about, review or link to Vani AI. Please don't use it to suggest that Vani endorses or partners with you, or in your own product's name or logo.

  • Correct: the white logo on Night

    Do

    Use the white logo on Night or other dark backgrounds.

  • Correct: the Night logo on Paper

    Do

    Use the Night logo on white, Paper or other light backgrounds.

  • Correct: the white icon on its own

    Do

    Use the icon alone where space is tight or the name is already shown.

  • Wrong: the logo stretched wide and squashed flat

    Don't stretch or squash it

    Always scale the logo proportionally.

  • Don't recolour it

    White or Night only: no Lime, Blue, gradients or other colours.

  • Wrong: the logo with a glow and a drop shadow

    Don't add effects

    No shadows, glows, outlines or bevels.

  • Don't rearrange it

    The icon stays left of the wordmark, at the spacing in the files.

  • Wrong: the logo rotated

    Don't rotate or skew it

    Keep the logo level.

  • Wrong: the white logo on a light background, where it almost disappears

    Don't use it on low contrast

    Pick the colourway that stands out from the background.

04Colour

Night, Ink and a little Lime.

Vani is dark first: Night and Ink carry every page, and the accents stay small. Select a value to copy it.

Primary

The canvas, the type and the logo. Every Vani page starts here.

  • Night

    Page background on vani.ai, and the logo on light backgrounds.

    HEX
    RGB
    CSS
    --bg
  • White

    The logo on dark backgrounds.

    HEX
    RGB
  • Ink

    Headings and body text on Night.

    HEX
    RGB
    CSS
    --ink

Accent

Used sparingly, for actions and highlights.

  • Lime

    Calls to action and highlights on vani.ai. Set Night text on it.

    HEX
    RGB
    CSS
    --accent
  • Moss

    Lime's text colour on light backgrounds.

    HEX
    RGB
    CSS
    --accent-text
  • Blue

    Buttons, links and focus rings in Vani Chat and the API platform. Set white text on it.

    HEX
    RGB
    CSS
    --primary
  • Periwinkle

    Soft background glows only, at 10–22% opacity.

    HEX
    RGB

Neutrals

Light sections and secondary text.

  • Paper

    Light sections on vani.ai.

    HEX
    RGB
  • Graphite

    Text on Paper.

    HEX
    RGB
  • Grey

    Secondary text in the app and in emails.

    HEX
    RGB
    CSS
    --muted-foreground

05Typography

Geist and Geist Mono.

The two typefaces of every Vani page, both free under the SIL Open Font License 1.1.

Geist

Headings and body text

Frontier models. One workspace.

  • Regular400 · Body text
  • Medium500 · Headings
  • SemiBold600 · Emphasis

Headlines are Medium with tight tracking, about −0.05em.

Geist Mono

Labels, buttons and the wordmark

Vani · AI workspace and API

  • Medium500 · Labels
  • SemiBold600 · Buttons and the wordmark

Labels are set in capitals with wide tracking (+0.12 to +0.2em). The wordmark is SemiBold capitals at −0.02em.

Get both from vercel.com/font or Google Fonts. The logo files are outlined, so you don't need the fonts to use them.

06Name and boilerplate

How to write Vani AI.

Vani AI in full the first time, Vani after that. Copy the descriptions below as they are.

Our name

Vani AI
Our full name. Use it on first mention and in headlines, credits and legal text.
Vani
The short name, for every mention after the first.
vani.ai
Our web address, in lower case. Only the wordmark sets it in capitals.

Products

Vani Chat c.vani.ai
The AI workspace: chat, research, images and video.
Vani API Platform platform.vani.ai
One prepaid API key for many models, with usage and billing.

Avoid

  • VANIin running text
  • VaniAI
  • Vani.AI
  • Vani Ai

Vani gives people access to models from many AI labs; it does not make its own. Write “frontier AI models in one workspace”, not “Vani's AI model”.

One line

Vani AI lets you chat, research and create images and video with frontier AI models in one workspace — or build on the same models with one API key.

About Vani AI 50 words

Vani AI is an AI workspace and API. Vani Chat lets people chat and research with leading AI models, switch models in any conversation, and create images and video in the same thread. The Vani API Platform gives developers one prepaid key for many models through OpenAI- and Anthropic-compatible endpoints.

Vani AI is operated by AhuraSense Ltd, registered in England and Wales, company number 16915427.

Download

Everything in one file.

All 24 logo files, as SVG and as PNG at 512, 1024 and 2048 px, plus a README with the colours and rules.

ZIP · 530 KB

Press and brand questions

Email [email protected]. Need something that isn't here, such as product screenshots? Ask us there too.

We use cookies for analytics and to measure how well our campaigns are working. None of it is needed to run the site, and your conversations are never included. See our Privacy Policy.