TIMBRE: Template | HorizonX

Design Systems

TIMBRE

Design system for voice and audio AI studios: eggshell paper canvas, whisper-weight headlines, pill controls and one glowing voice orb.

TIMBRE, image 3
TIMBRE, image 1
TIMBRE, image 2
TIMBRE, image 3
TIMBRE, image 1
  • Instant access Included with every membership
  • Tokens & components HTML, CSS & design tokens
  • Commercial license With a membership, for client work

Overview

TIMBRE is an industry design system for voice and audio AI studio sites: text-to-speech products, dubbing services, podcast tools and audiobook production pages, plus pitch decks. It pairs Albert Sans Light 300 headlines (never heavier than 500) and JetBrains Mono timecodes with a quiet Paper / Taupe / Ink / Stone token set, black filled pills beside Paper outline pills as the whole button hierarchy, 20px cards separated by Taupe bands and 1px hairlines instead of shadows, and a soft Pulse Violet and Ember voice orb as the only saturated color. Players carry a thin ink waveform and mono timecodes; the studio imagery language has Hero, Material and Detail photo roles built around a fictional voice studio, Undertone. Included: foundations (color, type, spacing, imagery, patterns), components (buttons & tags, cards & voice orb, dialog, forms, navigation, feedback, table), theme sheet, Undertone voice-studio landing starter, 6-slide 16:9 studio pitch deck, and sample web photography in assets/imagery/.

Highlights

  • Voice and audio AI studio industry system
  • Paper / Taupe / Ink / Stone + Albert Sans Light 300 + JetBrains Mono timecodes
  • Pulse Violet and Ember voice orb as the only color, never on controls or status
  • Player bar with ink waveform and mono timecodes, voice cards, script composer
  • Pill controls and 20px cards on Taupe bands, hairlines instead of shadows
  • Undertone voice-studio landing + 6-slide 16:9 pitch deck

What's included

  • theme.json + styles.css tokens
  • Foundations docs (color, type, spacing, imagery, patterns)
  • Component specimens with states (HTML), including player and voice orb
  • Undertone voice-studio landing + 6-slide pitch deck
  • Sample web photography in assets/imagery/
  • Commercial license with a membership

Frequently asked questions

  • A complete design system kit: foundations, tokens, HTML/CSS components and written guidelines, ready to adopt in your product.

  • It's included with a HorizonX membership. Download the kit and drop the tokens and components into your project.

  • Yes, with a HorizonX membership. Members get a commercial license: use and adapt these files in personal, client and commercial projects. If your plan ends, projects you already built keep their license, but the files can't be used to start new ones.