roy blair

Artist site for Roy Blair built as an isometric cutaway building — sections live as rooms, elevators, and storefronts you navigate like a floor directory, drawn entirely in SVG.

engineering · Roy Blair · 2021

roy-blair-hero.png
  • SvelteKit
  • SVG
  • Sass
  • MailerLite
  • Vercel

roy blair's site throws out the standard artist landing page for an isometric cutaway building — part department store, part architectural blueprint — that you read like a floor directory. The sections aren't a nav bar; they're rooms and storefronts scattered across a white-on-grey structure threaded with elevators, escalators, and tiny pedestrians milling between floors.

The whole thing is drawn in SVG: a #9b9b9b concrete palette with white linework, a “1337:0” floor counter ticking at the top, and a single soft spotlight pooling in one corner. Navigation lives in color-coded isometric tiles — green for video and blog, pink for music and shop — each surfacing a labeled drawer on hover, while an elevator car waits with its doors poised to open. A MailerLite signup and the management / Paradigm booking details sit in their own kiosks, so the practical artist-site plumbing never breaks the diorama.

Built on SvelteKit and hand-drawn SVG rather than a CMS — design by Santangelo, engineering by Iltimas at BGSL — the site treats a musician's links as architecture you explore instead of a list you scan. Less promo page, more a small grey world you can walk around in.

Email

iltimas.doha@gmail.com