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

# Media kit

> Official RUNNERS logos, mascot, colors and typography.

Brand assets for articles, integrations and community posts about RUNNERS.

[Download media kit · ZIP](https://raw.githubusercontent.com/runners-family/docs/main/assets/runners-media-kit.zip)

Includes SVG originals and transparent PNGs. Logos are 2,400 px wide; mascots are 1,024 × 1,024 px.

## Logos

Use the version that contrasts with your background. The SVG wordmark uses vector paths and needs no installed fonts.

![RUNNERS logo with a green mascot and dark wordmark on a light background](https://mintcdn.com/runners/az8EsmlzPF85hg6U/assets/media-kit/runners-logo-on-light.svg?fit=max\&auto=format\&n=az8EsmlzPF85hg6U\&q=85\&s=8919f7ee041135df379db137125d464e)

**On light backgrounds**\
[SVG](https://docs.runners.family/assets/media-kit/runners-logo-on-light.svg) · [PNG](https://docs.runners.family/assets/media-kit/runners-logo-on-light.png)

![RUNNERS logo with a green mascot and light wordmark on a dark background](https://mintcdn.com/runners/az8EsmlzPF85hg6U/assets/media-kit/runners-logo-on-dark.svg?fit=max\&auto=format\&n=az8EsmlzPF85hg6U\&q=85\&s=15a110713588d5227c0e670bc59b3201)

**On dark backgrounds**\
[SVG](https://docs.runners.family/assets/media-kit/runners-logo-on-dark.svg) · [PNG](https://docs.runners.family/assets/media-kit/runners-logo-on-dark.png)

## Mascot

Use the standalone mascot for avatars, icons and spaces where the full logo does not fit.

![Green RUNNERS mascot](https://mintcdn.com/runners/az8EsmlzPF85hg6U/assets/media-kit/runners-mascot-green.svg?fit=max\&auto=format\&n=az8EsmlzPF85hg6U\&q=85\&s=38442ea0fbb7e2dc08e93292fa58bbb3)

**Green**\
[SVG](https://docs.runners.family/assets/media-kit/runners-mascot-green.svg) · [PNG](https://docs.runners.family/assets/media-kit/runners-mascot-green.png)

![Black RUNNERS mascot](https://mintcdn.com/runners/az8EsmlzPF85hg6U/assets/media-kit/runners-mascot-black.svg?fit=max\&auto=format\&n=az8EsmlzPF85hg6U\&q=85\&s=499921191e1c7c1ef9506ae6f874de88)

**Black**\
[SVG](https://docs.runners.family/assets/media-kit/runners-mascot-black.svg) · [PNG](https://docs.runners.family/assets/media-kit/runners-mascot-black.png)

![White RUNNERS mascot](https://mintcdn.com/runners/az8EsmlzPF85hg6U/assets/media-kit/runners-mascot-white.svg?fit=max\&auto=format\&n=az8EsmlzPF85hg6U\&q=85\&s=8b23286f4be76c2d6d09888fe9c710e6)

**White**\
[SVG](https://docs.runners.family/assets/media-kit/runners-mascot-white.svg) · [PNG](https://docs.runners.family/assets/media-kit/runners-mascot-white.png)

## Colors

**Green**`#9DDB00`**Blue**`#0C41F0`**Dark**`#101214`**Light**`#FFFFFF`

## Typography

The website uses **Geist**. The lowercase wordmark uses **Geist Semibold (600)** with tight spacing. Use the supplied artwork to keep its shape and spacing consistent.

## Usage

* Preserve proportions and leave clear space around the artwork.
* Place the logo on a contrasting, uncluttered background.
* Keep the supplied colors and shapes. Avoid stretching, rotating or adding effects.
* Write **RUNNERS** in prose; use the supplied lowercase wordmark in artwork.
* Do not imply official endorsement or a partnership without permission.

## Official links

[Website](https://runners.family) · [X](https://x.com/runnersfam)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.