Website · 2026ahpmusicvideos.com
Our music video company's site, designed and built from scratch, down to a color grade you can drag.
- Year
- 2026
- We built
- Web design, Astro development, Interactive color grade, Booking, Location pages
- Built with
- Astro
- Type
- Archivo, Instrument Serif, JetBrains Mono
The ask
A home for AHP Music Videos: 1,300+ music videos, and a way for independent artists to see the work, pick a package and book a shoot.
The approach
Built from scratch in Astro, in the language of a shoot: a camera readout over the reel, a color grade visitors can drag (log against the finished grade, with lift, gamma and gain wheels), the process laid out as an editing timeline, and packages on clapperboards that go straight to booking.
The result
Sixty videos, 350 stills and 250 behind-the-scenes shots, one click from a booking.
The design system
Type, color and motion.
Read from ahpmusicvideos.com's own stylesheet: the faces it sets, the colors it names, the curves it moves on.
Type
Every frame, graded.
Extra-bold capitals, set tight.
movies.
Italic serif against the capitals.
NJ 17:58:24:22
The camera readout over the reel: scene, take, timecode.
Color
- Ink
#060608 - Ink 3
#121218 - Paper
#f2eee6 - Paper 2
#d8d2c6 - Cyan
#2be4ff - Pink
#ff3d8b - Gold
#ffc94a - Rec
#ff3b30The record light
Motion
cubic-bezier(.65, 0, .1, 1)cubic-bezier(.16, 1, .3, 1)cubic-bezier(.77, 0, .175, 1)The site today · every screen
Top to bottom, screen by screen.
01ATop 02A9% 03A18% 04A27% 05A36% 06A45% 07A55% 08A64% 09A73% 10A82% 11A91% 12AFooter
Next scenewsprcreative.comWSPR Creative