Quick Facts
Tech Stack
Key Features
- Saturated gradient system that stays consistent on music, shop, and coffee pages.
- Music catalog presented as a destination, not a single embed.
- Video integration so clips live in the same color world as the homepage.
- Social links grouped so they support the hub instead of replacing it.
What did Will Spurlock build for KYLE?
Artist site for KYLE with a colorful catalog, video, and shop that matches his upbeat brand.
A colorful artist site built for rapper KYLE with music, video, and shop pages so fans get a playful hub instead of a generic artist bio page.
What problem did KYLE have?
KYLE's public identity is upbeat and playful; most rapper sites in that lane either go cartoon-loud or flatten into a black luxury template. The brief was joyful without childish: color that feels like the artist, not a sticker pack. Music, shop, and the coffee page all needed to stay in the same system so a fan who clicks through does not land on a different brand. Color, catalog, and side projects had to stay one brand or the site would become a bio with a shop bolted on. That is why coffee and merch were designed as KYLE pages, not as third-party leftovers. The constraint was consistency after the hero, not a louder homepage.
How was the KYLE website built?
The site is a React and TypeScript build with Tailwind and Framer Motion, using saturated gradients and short micro-interactions. Color is the structure — pages share the same palette instead of swapping to a default shop theme. The catalog and video routes keep playback on-site. Shop and coffee sit in the same type scale so merch and side projects read as KYLE, not as third-party widgets dropped on a bio. Coffee, music, and shop stills on the case study are the same color world as the homepage. Side projects stay KYLE instead of opening as a generic cart. The React, TypeScript, Tailwind, and Framer Motion build is what keeps gradients and type aligned when someone leaves the hero.
What changed after the KYLE site launched?
Fans get a colorful hub: music, video, shop, and coffee under one playful identity. The page no longer behaves like a generic artist bio with a few outbound icons. No sales or stream figures are published in this case study; the outcome is a dedicated KYLE site that holds the upbeat brand past the homepage. A visitor can play music, watch video, and open shop or coffee without leaving KYLE's color system. The hub is the site, not a row of outbound icons. No merch or stream totals are published in this result.
Frequently asked questions
Who is the KYLE website for?
The KYLE website is for fans of KYLE who want music, tour, and merch in one place.
What shipped on the KYLE website?
The 2025 KYLE site shipped Saturated gradient system that stays consistent on music, shop, and coffee pages., Music catalog presented as a destination, not a single embed., Video integration so clips live in the same color world as the homepage., and Social links grouped so they support the hub instead of replacing it..
What did the KYLE website cost or earn?
This case study does not publish a project fee or client revenue for the KYLE website. It is a 2025 custom-coded build; no earnings figure is on record.
Page Showcase
3 pages
More Music Artists Websites
Eminem — SHADY 97
Unofficial Eminem digital museum by Will Spurlock: catalog, essays, gallery, and Notify Me shop — not eminem.com.
Neon Trees
Custom-coded Neon Trees artist site by Will Spurlock: Sink Your Teeth, tour, merch, and press on React — not the Webflow neontrees.com.
Friday Pilots Club
Custom-coded Friday Pilots Club site by Will Spurlock: Nowhere, live dates, lore, shop, and Passengers — a Netlify demo, not Squarespace.