Tempo
MediaA bold, poster-printed website for a band or musician, with a real track player, tour dates, a merch store and a press kit.
8 pages · 234 KB
DocumentationA bold, dark podcast website with a real audio player, chapters, a searchable transcript and an episode archive.
Echo is a complete site for Overtone, a fictional independent interview podcast about how things get made. It has a keyboard-friendly audio player that follows you from page to page with a mini player and remembers where you stopped, an episode archive with search, season and topic filters, episode pages with clickable chapters, show notes, a transcript that highlights the current line and timestamped share links, plus hosts, subscribe, advertise and be-a-guest pages. Every cover, waveform and portrait is drawn in SVG.
unzip echo.zip && cd echoopen index.html # that's it # optional, after adding new Tailwind classes:npm install && npm run buildAdded
<audio> file when an episode has a src and simulates playback on a clock otherwise.EPISODES data: clickable chapters with the current one highlighted, chapter markers on the waveform, show notes, a searchable transcript that highlights and follows the current line, a guest card, related episodes and a share box that copies a link starting at the current second (?t=).A bold, poster-printed website for a band or musician, with a real track player, tour dates, a merch store and a press kit.
8 pages · 234 KB
DocumentationA polished SaaS product website with pricing, sign-in and dark mode.
7 pages · 517 KB
DocumentationA bold, high-end website for a creative or digital agency.
8 pages · 121 KB
Documentation