Ampyard — Music Collective & Studio HTML Template

What this is

Ampyard is a one-page HTML template for a music business: a recording studio, a
collective, a label, a producer or a solo artist. It is a dark, poster-styled page
built around an ember-orange accent, and it ships as plain HTML and CSS — no build
step, no npm, no page builder, no licence key to activate.

Open the file, change the words, replace the artwork if you want to, and upload it.
That is the whole workflow.

The nine blocks

1. Sticky nav — wordmark, five links and a booking button. Wraps to two rows on a
phone instead of hiding behind a menu icon.
2. Hero — headline, intro, two buttons and three spec chips, beside a circular
artwork panel with an animated level meter.
3. About — a centred statement block for the studio’s own story.
4. Stats band — a full-width orange band with four figures.
5. Services — four service cards with hexagon icons, a description and a spec line
each (rates, set length, deliverables).
6. Roster — three artist cards with portrait artwork, role, bio and a latest-release
line.
7. Clients — a scrolling row of client wordmarks.
8. Newsletter — an email capture band with inline validation.
9. Footer — studio address, three link columns and a legal line.

Delete any block you do not need; the layout does not depend on their order.

Artwork, not stock photos

Five vector illustrations are included, drawn specifically for this template: the
emcee figure in the hero circle, three artist portraits, and a crowd silhouette.
They are SVG, so they stay sharp at any size, add about 15 KB to the page in total,
and recolour with a find-and-replace. Because no photography is used, there is no
photo licence to buy, renew or credit.

Built to edit

Every colour is declared once, at the top of the file, as a CSS variable. Change
–ember and –amber and the page rebrands. Every section carries an HTML comment, so
you can find the part you want without reading the whole file. The three typefaces
load from Google Fonts and are swapped in one line.

Details we did not skip

– Reads correctly from 360px up to a wide desktop; no sideways scrolling.
– Respects the visitor’s “reduce motion” setting — animations stop, layout stays put.
– Keyboard focus is visible on every link, button and field.
– Images carry alt text; decorative artwork is hidden from screen readers.
– The newsletter form validates the address and sends nothing anywhere until you
connect it to your own mailing list.
– No tracking scripts, no cookie banner needed, no external requests apart from the
Google Fonts stylesheet.

Who it is for

Studio owners, collectives, labels, event crews and freelance web designers building
a site for one of them. If you can edit text in a code editor, you can finish this
page in an afternoon.

What it is not

It is not a WordPress theme, a page-builder template or a React project. It is a
static HTML page — no admin panel, no database.