Coppelia

Item: Coppelia
Rating: 7

Framer template for bands and music artists

A Framer Marketplace template by Matheus Brandão. Its words and photos are demo content.

Live preview Get this template Save page

7.0/10MABTU rating

Home

DESKTOP · 1440 × 11,559/ ↗

MOBILE · 390

Section outline · Home

01heroGlitch wordmark over red live photo, red condensed manifesto
02albumCover, tracklist, order and stream links
03videoEmbedded video864
04tourDate list with RSVP and tickets
05discographyCover carousel
06merchPinned words with scrolling product photos
07footerGiant cropped wordmark over stage photo

Rating · Home

Visual design7.4

UX & clarity6.8

Originality7.8

Craft & consistency6.6

Motion6.5

Performance & a11y6.5

This page scores 7.0; the site score weights the home page double.

Main colours

Dark·black background·vivid

Typography

Bebas Neueheading · sans · self-hosted Bebas Neuebody · sans · self-hosted

Stack & style

Framer Lenis React Three.js WebGL canvas

Bold typography Grain / texture Dark tech Marquee Horizontal scroll Pinned sections Text reveal Smooth scroll

Design DNA

Template: black #0A0A0A page set almost entirely in a tall condensed grotesque in caps, crimson #E0283C for body-size manifesto text and links, white for display, with a cyan #3FD0D0 glitch split inside the 'COPPELIA' wordmark. Hero is a smoky red live-show photo. Album block has a centred red cover, mono tracklist and ORDER/STREAM links; discography is a cover carousel; tour is a date list with RSVP/GET TICKETS; merch pins giant 'OFFICIAL MERCH' words while product photos scroll past. Footer repeats a cropped giant wordmark over a stage photo.

Worth borrowing

Set the band bio as a full-width block of red condensed caps, like a gig poster.
Pin split display words across the viewport while merch photos scroll between them.
Split the wordmark with a cyan glitch channel for a music identity.