code-anything.com
Log inStart free

Music

Resonance

Resonance is a high-energy template for musicians, bands and recording artists who want their site to hit like a poster outside a sold-out venue. It pairs a near-black stage with a single electric accent, oversized condensed display type and full-bleed portrait or concert photography. Every section drives toward two actions: stream the music and grab a ticket.

Loud, cinematic and after-dark — a tour poster you can press play on.

music-artist.code-anything.app
Resonance — Out Now✦World Tour 2026✦New Single · Afterglow✦11 Tracks · One Take✦Presale Live✦

New Album — Side A / B

Nova Vela

A four-piece built on midnight synths and stadium drums. Their new record Resonance is streaming everywhere now.

Now PlayingAfterglow1:24 / 3:58
A1The Record41:06 · LP
ResonanceNova Vela · 2026

Recorded live over six nights in a converted power station — eleven tracks that sound like the room they were made in.

Side A · Tracklist6 of 11
  1. 01AfterglowSingle3:58
  2. 02Static Heart4:12
  3. 03Neon Cathedral5:06
  4. 04Low Tide3:41
  5. 05Halogen3:29
  6. 06Slow Collapse4:33
+ 5 more on Side B
A2Live Dates12 Shows · 2026
  • JUL 12FRIBerlin, DEHalle am KlangTickets
  • JUL 18THUAmsterdam, NLHet LichthuisTickets
  • JUL 24WEDLondon, UKThe Vault SessionsSold Out
  • AUG 02SATParis, FRSalle NéonTickets
  • AUG 09SATMadrid, ESSala CobaltoLow Tickets
  • AUG 15FRILisbon, PTCais EléctricoTickets
B1Visuals3 Films
B3The ListPresale Access

Never Miss A Drop

New singles, presale codes and tour announcements — straight to your inbox before anyone else.

Design rules

The system, applied to any site

Every rule below travels with the template — describe your tweaks and the agent keeps the system intact.

What it decides for you

  • Build on a near-black stage (around #0A0A0C) with off-white text and exactly one vivid accent for play buttons, links and live emphasis; keep a second neon as a sparing gradient partner, never as flat fill.
  • Set headlines in an oversized condensed display face (Anton or similar) at 64-160px with tight 0.92 line-height and uppercase treatment, then drop hard to 15-17px body so the artist name reads from across a room.
  • Treat full-bleed concert or portrait imagery as the backbone: cover the hero edge to edge, lay a bottom-up dark gradient over photos so type stays legible, and avoid boxed, padded thumbnails.
  • Make streaming and tickets the loudest controls — a solid accent primary button plus a bordered ghost secondary — and repeat the listen CTA near every major section.
  • Keep corners modestly rounded (8-12px), borders hairline and barely-there, and lean on letter-spaced uppercase microlabels with generous dark whitespace to feel like a curated record sleeve, not a busy dashboard.

Ships with

Hero with artist nameLatest releaseTour datesMusic & videosMerchNewsletter signup

Design tokens

Palette

bg
surface
text
muted
accent
accent2
border

Headings

Anton

Body

Inter

Radius

10px

Explore palettes

Keep looking

More from the library

AuroraMarketing
Warm ArtisanMarketing
Sharp FadeBooking
CockpitDashboard

Make it yours in minutes.

Start from this template and describe your tweaks — content, sections, colours. The backend and deploy are handled.