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 (wordmark), logo-mark.svg (mark), logo.png (raster wordmark), 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 |
Media assets
| File | Format | Size | Role |
|---|---|---|---|
| /logo.svg | SVG | scalable | Wordmark |
| /logo-mark.svg | SVG | scalable | Waveform mark |
| /logo.png | PNG | 1520 by 280 | Raster wordmark |
| /logo-mark.png | PNG | 512 by 512 | Raster mark and structured-data logo |
| /apple-touch-icon.png | PNG | 180 by 180 | iOS home-screen icon |
| /favicon.ico | ICO | 16 by 16 and 32 by 32 | Root favicon |
| /favicon.svg | SVG | scalable | SVG favicon |
| /favicon-32.png | PNG | 32 by 32 | PNG favicon |
| /icon-192.png | PNG | 192 by 192 | Web app manifest icon |
| /icon-512.png | PNG | 512 by 512 | Web app manifest icon |
| /icon-maskable-512.png | PNG | 512 by 512 | Maskable manifest icon |
| /manifest.webmanifest | Web manifest | Install metadata | |
| /og-default.png | PNG | 1200 by 630 | Default Open Graph fallback (same image as /og.png) |
| /og.png | PNG | 1200 by 630 | Default Open Graph and Twitter card image |
Content pages carry their own 1200 by 630 Open Graph image under /og/, generated from the page title. The default card is https://transcribemp3.com/og.png. In-page illustrations are original SVG or PNG files under /img/.
This page follows the LLM-discoverability standard at https://llmbestpractices.com.