Transmit — Podcast Show Template — Référence de design web et prompt

# TRANSMIT — TAILWIND PLUS PODCAST TEMPLATE — STUDY / CLONE

> A SELF-CONTAINED, PIXEL-FAITHFUL REPRODUCTION OF THE TAILWIND PLUS "TRANSMIT" PODCAST TEMPLATE, REBUILT AS PLAIN HTML + CSS + VANILLA JS WITH NO BUILD STEP. EVERY PAGE, SECTION, HOVER STATE, AND THE STICKY AUDIO PLAYER ARE RECREATED FROM RECON ARTIFACTS. ALL ASSETS (THE SATOSHI FONT FAMILY AND THE "THEIR SIDE" COVER ART) ARE VENDORED LOCALLY SO THE CLONE RUNS OFFLINE. THIS IS A STUDY OF SOMEONE ELSE'S DESIGN, BUILT FOR LEARNING — ALL CREDIT FOR THE ORIGINAL GOES TO TAILWIND PLUS (TAILWIND LABS).

REFERENCE: `https://tailwindcss.com/plus/templates/transmit/preview`

## SUMMARY

TRANSMIT IS A PREMIUM PODCAST TEMPLATE FROM TAILWIND PLUS. THE DEMO CONTENT IS A FICTIONAL SHOW — **"THEIR SIDE"** ("CONVERSATIONS WITH THE MOST TRAGICALLY MISUNDERSTOOD PEOPLE OF OUR TIME"), HOSTED BY **ERIC GORDON / WES MANTOOTH** — THAT INTERVIEWS FAMOUS FICTIONAL VILLAINS (SKELETOR, HANK SCORPIO, THE WET BANDITS, SHOOTER MCGAVIN, BILL LUMBERGH). THE AESTHETIC IS A CLEAN, EDITORIAL, LIGHT (`slate-50`/WHITE) LAYOUT ON THE SATOSHI GROTESQUE FACE WITH A MONO META FONT, A PINK (`pink-500`) ACTION ACCENT, AND A SIGNATURE BLUE→VIOLET→PINK GRADIENT **AUDIO-WAVEFORM** SVG STRIP THAT RUNS ACROSS THE TOP OF THE MAIN COLUMN.

THE LIVE TEMPLATE IS A NEXT.JS APP SERVED FROM `transmit.tailwindui.com`; THIS CLONE PRESERVES ITS EXACT RENDERED MARKUP AND COMPILED TAILWIND CSS, SELF-HOSTS THE SATOSHI 400/500/700 WOFF2 WEIGHTS, VENDORS THE COVER ART LOCALLY, AND REPLACES THE NEXT + REACT-ARIA RUNTIME WITH A SMALL VANILLA-JS SHIM THAT REIMPLEMENTS THE SAME BEHAVIOURS (THE STICKY HTML5 `<audio>` PLAYER WITH PLAY/PAUSE, REWIND/FORWARD 10S, SCRUB SLIDER, TIME OUTPUT, PLAYBACK-RATE AND MUTE; HOVER/FOCUS STATES; "SHOW MORE" ABOUT TOGGLE).