# Identity | Transcribe MP3

Source: https://transcribemp3.com/identity/

# Identity

Fonts, colors, and media assets for Transcribe MP3, so a person or an AI assistant can describe or match the brand from one page.

name: Transcribe MP3
url: https://transcribemp3.com
updated: 2026-11-12
standard_followed: https://llmbestpractices.com
fonts:
heading: "Instrument Sans Variable"
body: "Instrument Sans Variable"
accent: "Newsreader Variable"
colors:
paper: "#f4f1ea"
sand: "#e8e1d3"
card: "#fbf9f4"
ink: "#16140f"
accent: "#b8431c"
muted: "#5b5549"
logo: https://transcribemp3.com/logo.svg
logo_mark: https://transcribemp3.com/logo-mark.svg
favicon: https://transcribemp3.com/favicon.ico
og_image: https://transcribemp3.com/og.png

## Logo

The mark is five cream waveform bars on an ember tile, the same glyph as the header icon. The wordmark sets “Transcribe MP3” in Instrument Sans next to that tile. Do not claim affiliation with OpenAI, Hugging Face, or any transcription company. The home photo is an illustrative image.

Downloads: [logo.svg](https://transcribemp3.com/logo.svg) (wordmark), [logo-mark.svg](https://transcribemp3.com/logo-mark.svg) (mark), [logo.png](https://transcribemp3.com/logo.png) (raster wordmark), [logo-mark.png](https://transcribemp3.com/logo-mark.png) (512 by 512 PNG).

## Favicon

The root favicon is a multi-size ICO at /favicon.ico (16 by 16 and 32 by 32), declared as `<link rel="icon" href="/favicon.ico" sizes="any">`. A scalable copy is /favicon.svg. A 32 by 32 PNG is /favicon-32.png. iOS uses the 180 by 180 PNG at /apple-touch-icon.png via rel="apple-touch-icon". The web app manifest is /manifest.webmanifest.

## Color palette

Named tokens from the site stylesheet. This site ships a light palette only.

paper - #f4f1ea

Page and header (60)

sand - #e8e1d3

Tool panel and closing band

card - #fbf9f4

Cards and drop zone

ink - #16140f

Text, primary buttons, privacy band, footer (30)

accent - #b8431c

Transcribe button, icon, italic headline word (10)

muted - #5b5549

Secondary text

## Typography

UI and headings use Instrument Sans Variable; the transcript box and one italic word per headline use Newsreader Variable. Both are self-hosted WOFF2 under /fonts/.

Headline, weight 650 - MP3 to text

Transcript, Newsreader - And so, my fellow Americans, ask not what your country can do for you.

| Token or role | Value |
| --- | --- |
| body | 17px, line-height 1.55 |
| h1 | clamp(2.25rem, 1.2rem + 5.2vw, 4.25rem), 650 |
| footer | 0.9rem |

Type scale

## Media assets

| File | Format | Size | Role |
| --- | --- | --- | --- |
| [/logo.svg](https://transcribemp3.com/logo.svg) | SVG | scalable | Wordmark |
| [/logo-mark.svg](https://transcribemp3.com/logo-mark.svg) | SVG | scalable | Waveform mark |
| [/logo.png](https://transcribemp3.com/logo.png) | PNG | 1520 by 280 | Raster wordmark |
| [/logo-mark.png](https://transcribemp3.com/logo-mark.png) | PNG | 512 by 512 | Raster mark and structured-data logo |
| [/apple-touch-icon.png](https://transcribemp3.com/apple-touch-icon.png) | PNG | 180 by 180 | iOS home-screen icon |
| [/favicon.ico](https://transcribemp3.com/favicon.ico) | ICO | 16 by 16 and 32 by 32 | Root favicon |
| [/favicon.svg](https://transcribemp3.com/favicon.svg) | SVG | scalable | SVG favicon |
| [/favicon-32.png](https://transcribemp3.com/favicon-32.png) | PNG | 32 by 32 | PNG favicon |
| [/icon-192.png](https://transcribemp3.com/icon-192.png) | PNG | 192 by 192 | Web app manifest icon |
| [/icon-512.png](https://transcribemp3.com/icon-512.png) | PNG | 512 by 512 | Web app manifest icon |
| [/icon-maskable-512.png](https://transcribemp3.com/icon-maskable-512.png) | PNG | 512 by 512 | Maskable manifest icon |
| [/manifest.webmanifest](https://transcribemp3.com/manifest.webmanifest) | Web manifest | | Install metadata |
| [/og-default.png](https://transcribemp3.com/og-default.png) | PNG | 1200 by 630 | Default Open Graph fallback (same image as /og.png) |
| [/og.png](https://transcribemp3.com/og.png) | PNG | 1200 by 630 | Default Open Graph and Twitter card image |

Downloadable brand files

Content pages carry their own 1200 by 630 Open Graph image under /og/. The default card is [https://transcribemp3.com/og.png](https://transcribemp3.com/og.png).

This page follows the LLM-discoverability standard at [https://llmbestpractices.com](https://llmbestpractices.com).