# Amevia Logo Guidelines

## Logo system overview

The Amevia logo consists of a **symbol** (gradient "A" mark) and a **wordmark** ("Amevia"). The tagline is always separate from the logo lockup.

**Official brand name:** Amevia — never "AmeviaAI" or "Get Amevia" as the brand.

## Logo variants

| Variant | File | Usage |
|---------|------|-------|
| Primary horizontal | `amevia-logo-primary.svg` | Default — website headers, marketing |
| Light background | `amevia-logo-light.svg` | White and light gray backgrounds |
| Dark background | `amevia-logo-dark.svg` | Navy and dark surfaces |
| Stacked | `amevia-logo-stacked.svg` | Square layouts, app splash, social profile |
| Symbol only | `amevia-symbol.svg` | Favicon, app icon, chat avatar, small contexts |
| Wordmark only | `amevia-wordmark.svg` | When symbol is already present nearby |
| Monochrome black | `amevia-logo-mono-black.svg` | Print, emboss, single-color contexts |
| Monochrome white | `amevia-logo-mono-white.svg` | Dark print, photo overlays |
| Favicon | `amevia-favicon.svg` | Browser tab, PWA icon |

## Primary lockup

The flagship direction is the **horizontal lockup**: symbol on the left, wordmark on the right.

- Symbol uses the brand gradient (violet → blue → cyan)
- Wordmark is Inter SemiBold (600), title case "Amevia"
- Tagline appears below or beside the lockup, never inside the logo file

## Minimum size

| Element | Minimum size |
|---------|-------------|
| Symbol only | 24 × 24 px |
| Horizontal lockup | 120 px wide |
| Stacked lockup | 80 px wide |
| Favicon | 16 × 16 px (use simplified favicon asset) |

Below minimum sizes, use the symbol-only or favicon variant.

## Clear space

Maintain clear space equal to the **height of the symbol** on all sides of the logo. No text, graphics, or UI elements may enter this zone.

```
┌─────────────────────────────┐
│         [clear space]       │
│   [symbol]  Amevia          │
│         [clear space]       │
└─────────────────────────────┘
```

## Alignment rules

- Symbol and wordmark are vertically center-aligned
- Gap between symbol and wordmark: approximately 0.35× symbol width
- Tagline aligns with the left edge of the wordmark (not the symbol)
- In stacked layouts, symbol is centered above wordmark

## Background control

| Background | Logo variant |
|------------|-------------|
| White, light gray, soft blue | Primary / light (dark wordmark) |
| Navy, dark gray, photography (dark) | Dark (white wordmark) |
| Single-color print | Monochrome black or white |
| Busy photography | Place logo on solid overlay or use monochrome |

## Favicon and app icon

- Use `amevia-favicon.svg` for browser tabs
- App icon: symbol on navy (#071126) background with 8px corner radius
- Do not use the full horizontal lockup below 48px

## Tagline usage

The tagline **"AI agents for every website"** (or localized equivalent) is a separate brand element.

- Set in all caps or small caps with wide letter-spacing
- Color: medium blue (#2563EB) on light backgrounds, lighter blue on dark
- Never embed the tagline inside the logo SVG

## Incorrect logo usage

Do not:

- Stretch, skew, or rotate the logo
- Change gradient colors or direction
- Add drop shadows, outlines, or glows to the logo
- Place the logo on busy backgrounds without sufficient contrast
- Use "AmeviaAI" as a single word
- Attach "AI" permanently to the wordmark in the logo
- Recreate the logo in unapproved fonts
- Use low-resolution raster versions when SVG is available
- Crop the symbol or wordmark
- Change the capitalization to "AMEVIA" or "amevia" in brand contexts

## Source files

SVG assets are derived from PNG mockups in `public/brand/source/`. If designer-exported master files become available, replace SVG paths while keeping these guidelines.

| Source | Description |
|--------|-------------|
| `source/amevia-mockup-logo.png` | Logo variants and tagline |
| `source/amevia-mockup-logo-2.png` | Extended brand sheet |
| `source/amevia.png` | Horizontal lockup reference |
| `source/icon.png` | Symbol reference |

---

*Amevia is a product by Dioartis.*