Steve Marchese
Project 01 · 2017

Type Voice

The first fontshop powered by your voicee

WEB / DIGITAL · BRANDING & IDENTITYTHE WEBBY AWARDS
Executive ProducerThe Webby Awards2017
VisitView on Behance
01 · THE ASK

Put the People's Voice in people's hands
The Webby Awards' People's Voice is the award decided by the public — so for its 20th anniversary we wanted to celebrate it with something the public could literally use their voices to make.

As Executive Producer I partnered with Ogilvy NY to turn that idea into a playful, shareable interactive tool.

The Webbys × TypeVoice — case study film
02 · HOW IT WORKS

A typeface generated by your voice
TypeVoice is a fontshop powered by sound: an algorithm reads your pitch, volume and timing and generates a custom typeface in real time. Built in vanilla ES6 with GSAP driving two independent animation timelines — one axis for pitch, one for volume — the whole experience weighs just 1.5MB.

Visitors could share animated GIFs of their font or download the full vector alphabet to use in their own design work.

unique fonts generated pre-launch
10,000+
total page weight
1.5MB
real-time motion axes
2
03 · RECOGNITION

Awarded across the industry
TypeVoice was recognized at Cannes Lions (Silver — Design & Cyber), D&AD (Yellow Pencil — Typography for Advertising), and The One Show (Silver, plus multiple Merits across Design, Interactive and UX).

Credits
EXECUTIVE PRODUCER FOR WEBBY AWARDS
Steve Marchese
AGENCY
Ogilvy NY
CHIEF CREATIVE OFFICER
Corinna Falusi
CREATIVE DIRECTION
Chris Rowson, Bastien Baumann
DESIGN & CREATIVE TECHNOLOGY
Blake Rutledge
TYPOGRAPHY
Lucas Camargo, Justin Au, Robyn Makinson, Weston Doty
Next → 02
Creator Weekend
WEB · BRANDING · 2025–CURRENT
Visit Type Voice

Have an idea you want to bring to life?

Start a conversation →See all work
About this site · 2026

How this site was made.

Type
Inter (Rasmus Andersson) for display + body. JetBrains Mono for technical detail.
Palette
Ink #0E0D0B · Paper #F4EFE6 · Accent (your choice)
Motion
Native CSS + bespoke slot-machine.
Stack
Next.js 16 · Sanity · Vercel · Resend
Built with
Claude, in collaboration with Steve. · Source on GitHub ↗