Echo
MediaA bold, dark podcast website with a real audio player, chapters, a searchable transcript and an episode archive.
8 pages · 209 KB
DocumentationA bold, poster-printed website for a band or musician, with a real track player, tour dates, a merch store and a press kit.
Tempo is a complete site for Marigold Static, a fictional four-piece indie band from Glasgow with a new album on the way. Riso-print colours, condensed poster type and SVG album art carry a release countdown with pre-save, a filterable discography with a keyboard-friendly player that synthesises track previews in the browser, tour dates with region and country filters and calendar downloads, a merch store with size and colour options and a saved cart, and an electronic press kit with copyable bios and downloadable assets.
unzip tempo.zip && cd tempoopen index.html # that's it # optional, after adding new Tailwind classes:npm install && npm run buildFixed
Fixed
Fixed
Added
src plays a real file instead.music.html?type=), a release detail view with track list, credits and previous/next links (music.html?release=), and a copy-link button.tour.html?region=&country=), sold-out, last-tickets and on-sale-soon states, .ics calendar downloads, past shows, an FAQ and a "notify me" form that can be pre-filled from a show (tour.html?notify=).merch.html?cat=), colour swatches that redraw the product art, sizes with sold-out options, and a cart drawer saved in localStorage with quantities, subtotal, a free-shipping meter and a clearly labelled demo checkout.A bold, dark podcast website with a real audio player, chapters, a searchable transcript and an episode archive.
8 pages · 209 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