> For AI agents: the complete documentation index is available at https://viteval.dev/llms.txt, the full documentation bundle is available at https://viteval.dev/llms-full.txt.

Viteval / Brand & assets

# Brand assets

Download Viteval logos and icons for documentation, integrations, and projects.

[Logos](#logos)[Icons & motion](#icons)[Colors](#colors)[Typography](#typography)

## The wordmark

Custom lettering, a round flask, and tight parentheses. Use the complete lockup; don’t recreate it with a font.

![Viteval wordmark for dark surfaces](/assets/viteval-wordmark.svg)

### Dark surfaces

[Download SVG](/assets/viteval-wordmark.svg)

![Viteval wordmark for light surfaces](/assets/viteval-wordmark-light.svg)

### Light surfaces

[Download SVG](/assets/viteval-wordmark-light.svg)

Transparent backgrounds. Vector paths, no fonts or embedded images. Preserve the proportions and leave generous clear space.

## The flask, in motion

The standalone icon for app icons, favicons, and loading states. A stationary outline with two gently moving liquid layers. No floating bubbles.

![Flask at 16 pixels](/assets/viteval-flask.svg)

16px

![Flask at 24 pixels](/assets/viteval-flask.svg)

24px

![Flask at 32 pixels](/assets/viteval-flask.svg)

32px

![Flask at 64 pixels](/assets/viteval-flask.svg)

64px

### App icon

[SVG](/assets/viteval-flask.svg)[PNG](/assets/viteval.png)[ICO](/favicon.ico)

![Loading flask with gently moving cyan liquid](/assets/viteval-loading.svg)Pause preview

### Loading icon

[Download animated SVG](/assets/viteval-loading.svg)

The loading SVG loops on its own and respects reduced motion. When using it in an interface, pair it with an accessible loading status. The preview above is artwork, not a page loading state.

## Four foundations

Blue for the identity. Cyan for the liquid and supporting accents. Dark, simple surfaces with off-white text.

### Background

`#0B1016`

### Blue

`#168DFA`

### Cyan

`#12D9E9`

### Off-white

`#F8FAFC`

Use darker blue and cyan for text on light surfaces. Green, amber, and red communicate results; they aren’t additional brand accents.

## Type that gets out of the way

Bold sans-serif headings, restrained body copy, monospace for code. The site uses Geist and Geist Mono; the logo remains custom artwork.

Geist / Heading

Measure what
your agent does.

Geist / Body

Keep evaluations beside your application code. Run real inputs, compare answers, and inspect what changed.

Geist Mono / Code

````
pnpm exec viteval run
````

## Keep it recognizable

Keep the liquid wave visible, the neck short, and the outline round. Don’t stretch, recolor, add bubbles, or turn the wordmark into text. Use the light variant only on light surfaces.

These SVGs are manually reconstructed from the supplied artwork using the brand guide’s flat palette. The original raster texture is not part of the vector assets.