# Brand assets

> Logos, wordmarks, colors, and usage guidelines for the trackagoat brand.

trackagoat is built around a pixel-art identity: retro, distinct, and a little irreverent. Use these assets when writing about trackagoat, building integrations, or creating content that references the platform.

> **Note: Asset usage**
>
> These assets are provided for press, integrations, and editorial coverage. For commercial licensing or white-label use, contact **support@trackagoat.com**.

---

## Brand name

Always write as **trackagoat**: one word, all lowercase. Never "TrackAGoat", "Trackagoat", "Track A Goat", or any other variation.

---

## Logo

The trackagoat logo is a pixel-art goat. It's low resolution by design: the rough pixel edges are the aesthetic, not a rendering artifact. Don't smooth, upscale, or apply CSS filters to it.

### Logo previews

![trackagoat logo: 24px resolution](https://www.trackagoat.com/brand/trackagoat-logo-24res.png)

### Downloads

| Asset | Notes | Download |
|-------|-------|----------|
| Logo (standard) | PNG · 24px base res · use at any size above 24px | [Download](https://www.trackagoat.com/brand/trackagoat-logo-24res.png) |
| Logo (small) | PNG · 12px base res · use below 24px display size | [Download](https://www.trackagoat.com/brand/trackagoat-logo-12res.png) |

---

## Wordmark

The wordmark combines the pixel-art goat with "trackagoat" set in **Jersey 10**, a bitmap display font. Two variants are provided: use whichever has sufficient contrast against its background.

### Wordmark previews

![trackagoat wordmark: light mode](https://www.trackagoat.com/brand/trackagoat-wordmark-lightmode.svg)

### Downloads

| Asset | Use on | Download |
|-------|--------|----------|
| Wordmark: light | Light / white backgrounds | [Download](https://www.trackagoat.com/brand/trackagoat-wordmark-lightmode.svg) |
| Wordmark: dark | Dark / black backgrounds | [Download](https://www.trackagoat.com/brand/trackagoat-wordmark-darkmode.svg) |

---

## Colors

trackagoat uses a deliberately minimal palette. The identity relies on the pixel-art character rather than color: black and white are the primary surfaces, with supporting neutrals.

| Swatch | Name | Hex | Usage |
|--------|------|-----|-------|
| ⬛ | Black | `#09090B` | Primary text, dark backgrounds |
| ⬜ | White | `#FFFFFF` | Page backgrounds, light surfaces |
| 🔳 | Zinc 900 | `#18181B` | Primary actions, CTA buttons (light mode) |
| ◻️ | Zinc 50 | `#FAFAFA` | Primary actions (dark mode), near-white |
| 🔲 | Zinc 500 | `#71717A` | Secondary / muted text |
| ▫️ | Zinc 200 | `#E4E4E7` | Borders, dividers |

> **Tip:**
>
> When placing the logo or wordmark on a colored or photographic background, ensure a minimum 4.5:1 contrast ratio against the nearest background color.

---

## Typography

| Role | Font | Notes |
|------|------|-------|
| Display / headings | **Jersey 10** | Google Fonts · pixel bitmap · brand-distinctive |
| Body text | System sans-serif | Inter on supported systems |

Jersey 10 is available free from [Google Fonts](https://fonts.google.com/specimen/Jersey+10).

---

## Usage guidelines

**Do:**
- Use the provided logo and wordmark files unchanged
- Use the light wordmark on dark backgrounds and the dark wordmark on light backgrounds
- Maintain clear space around the logo equal to at least the logo's height on each side
- Refer to the product as "trackagoat" (lowercase) in running text

**Don't:**
- Stretch, rotate, recolor, or add effects to the logo
- Place the logo on a background with insufficient contrast
- Use "trackagoat" as a verb (e.g. "trackagoat your creators": just say "track your creators")
- Imply affiliation with or endorsement by TikTok

---

## Artwork & textures

These are the illustration and texture assets used across the trackagoat product and marketing. Free to use however you want.

### Goatzilla

A giant pixel-art goat destroying New York City. Used in the docs sidebar. Based on the idea that trackagoat is the biggest G.O.A.T. in the game.

![Goatzilla: pixel art giant goat stomping NYC](https://www.trackagoat.com/brand/trackagoat-docs-sidebar.png)

[Download Goatzilla](https://www.trackagoat.com/brand/trackagoat-docs-sidebar.png)

---

### Hero backgrounds

The marketing hero imagery: a landscape photo with a pixel-art style grade applied, used as the full-bleed background on the trackagoat homepage.

![Hero background: light mode](https://www.trackagoat.com/brand/trackagoat-hero-bg-light.png)

| Variant | Download |
|---------|----------|
| Light mode | [Download](https://www.trackagoat.com/brand/trackagoat-hero-bg-light.png) |
| Dark mode | [Download](https://www.trackagoat.com/brand/trackagoat-hero-bg-dark.png) |

---

### World texture

A topographic world map texture used as a subtle background element throughout the product. Works well as a very low-opacity overlay.

![World texture](https://www.trackagoat.com/brand/trackagoat-world-texture.png)

[Download world texture](https://www.trackagoat.com/brand/trackagoat-world-texture.png)

---

## Press & integrations

For press inquiries, integration listings, or brand licensing requests, contact **support@trackagoat.com**.

---
Source: https://www.trackagoat.com/docs/platform/brand