> ## Documentation Index
> Fetch the complete documentation index at: https://docs.usmewe.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Brand Assets

> Official usmewe logos, colors, and brand guidelines

# Brand Assets

Download official usmewe brand assets for press, partnerships, and integrations.

## Logos

### Primary Logo

<CardGroup cols={2}>
  <Card title="Light Background" icon="sun">
    For use on light/white backgrounds

    [Download SVG](/images/logo-light.svg)
  </Card>

  <Card title="Dark Background" icon="moon">
    For use on dark backgrounds

    [Download SVG](/images/logo-dark.svg)
  </Card>
</CardGroup>

### Logo Variations

| Version   | Use Case            | Download                      |
| --------- | ------------------- | ----------------------------- |
| Full logo | Primary branding    | [SVG](/images/logo-light.svg) |
| Icon only | App icons, favicons | [SVG](/images/favicon.svg)    |
| Wordmark  | Text-heavy layouts  | Coming soon                   |

## Colors

### Primary Palette

| Color             | Hex       | Usage                    |
| ----------------- | --------- | ------------------------ |
| **Primary**       | `#6366F1` | CTAs, links, accents     |
| **Primary Light** | `#818CF8` | Hover states, highlights |
| **Primary Dark**  | `#4F46E5` | Active states            |

### Secondary Palette

| Color       | Hex       | Usage                           |
| ----------- | --------- | ------------------------------- |
| **Success** | `#10B981` | Positive actions, confirmations |
| **Warning** | `#F59E0B` | Alerts, cautions                |
| **Error**   | `#EF4444` | Errors, destructive actions     |
| **Info**    | `#3B82F6` | Informational messages          |

### Neutral Palette

| Color        | Hex       | Usage                     |
| ------------ | --------- | ------------------------- |
| **Gray 900** | `#111827` | Primary text (dark mode)  |
| **Gray 700** | `#374151` | Secondary text            |
| **Gray 500** | `#6B7280` | Tertiary text, borders    |
| **Gray 100** | `#F3F4F6` | Backgrounds               |
| **White**    | `#FFFFFF` | Cards, primary background |

## Typography

### Font Family

| Type         | Font           | Weight  |
| ------------ | -------------- | ------- |
| **Headings** | Inter          | 600-700 |
| **Body**     | Inter          | 400-500 |
| **Mono**     | JetBrains Mono | 400     |

### Type Scale

| Level | Size | Line Height |
| ----- | ---- | ----------- |
| H1    | 36px | 40px        |
| H2    | 30px | 36px        |
| H3    | 24px | 32px        |
| H4    | 20px | 28px        |
| Body  | 16px | 24px        |
| Small | 14px | 20px        |

## Logo Usage

### Do's

<AccordionGroup>
  <Accordion title="Maintain proportions" icon="check">
    Always scale the logo proportionally
  </Accordion>

  <Accordion title="Use adequate spacing" icon="check">
    Minimum clear space = logo height / 4
  </Accordion>

  <Accordion title="Use approved colors" icon="check">
    Only use official color variants
  </Accordion>
</AccordionGroup>

### Don'ts

<AccordionGroup>
  <Accordion title="Don't stretch or distort" icon="xmark">
    Never change the logo's aspect ratio
  </Accordion>

  <Accordion title="Don't add effects" icon="xmark">
    No shadows, gradients, or filters
  </Accordion>

  <Accordion title="Don't change colors" icon="xmark">
    Don't recolor outside approved variants
  </Accordion>

  <Accordion title="Don't rotate" icon="xmark">
    Keep the logo horizontal
  </Accordion>
</AccordionGroup>

## Badge Usage

For integrations showing usmewe support:

```html theme={null}
<!-- "Powered by usmewe" badge -->
<a href="https://usmewe.com">
  <img
    src="https://usmewe.com/badges/powered-by.svg"
    alt="Powered by usmewe"
    height="32"
  />
</a>
```

### Available Badges

| Badge                | Use Case                      |
| -------------------- | ----------------------------- |
| Powered by usmewe    | Integrations using usmewe API |
| Trust Score verified | Apps displaying Trust Scores  |
| usmewe partner       | Official partnerships         |

## Press Kit

Download our complete press kit:

<Card title="Download Press Kit" icon="download" href="#">
  Includes all logos, colors, and brand guidelines (ZIP)
</Card>

### Kit Contents

* Logo files (SVG, PNG @2x, PNG @3x)
* Color palette (ASE, CSS variables)
* Typography guide
* Usage examples
* Product screenshots

## Screenshots

For press and marketing:

| Screen      | Description           | Download    |
| ----------- | --------------------- | ----------- |
| Dashboard   | Main user dashboard   | Coming soon |
| Trust Score | Trust Score display   | Coming soon |
| Vault       | Trust Vault interface | Coming soon |

## Contact

For brand inquiries:

* **Press**: [press@usmewe.com](mailto:press@usmewe.com)
* **Partnerships**: [partners@usmewe.com](mailto:partners@usmewe.com)
* **General**: [hello@usmewe.com](mailto:hello@usmewe.com)

<Note>
  Please submit brand usage for approval before publication in major media.
</Note>