Aurora card
Brand
The parts rzv.studio is made of, in one place.
Type
Afusionoflogic&creativity
Hero lineGeist 300 · --fs-hero · slots rotate on their own clocks (hero-words.js)
Display
Page titlemask slide-up by word, stagger 0.03
A fusion of logic and creativity.
Lede--fs-lede · --lh-lede 1.14 · --ls-lede −0.015em
Body copy is Geist, light and open, set to read comfortably at length on a dark ground.
BodyGeist · --fs-body
Ancient Ether
SubheadSilka Mono 500 · uppercase · 0.14em
Overline · Salam / Hello
OverlineSilka Mono · uppercase · wide tracking
Colour & material
Pearlbase 160° #fff→#e9ecf6 · iridescent indigo / pink / cyan / violet
Aurorasix screen-blended blobs · RZV.aurora(), preset portal
Frosted glass
Glasssurface + border-hi + backdrop blur
Glass objects
WebGL metaballs, the same engine as the home hero. Move the cursor over them.
Lavathree drops wandering · the hero at rest
Half-starthe shape the drops fuse into
Gloopy cubehalf-star → rounded square, on its way to the venn node
Ribbonthe glass ribbon behind this page’s title · three.js
Icons
DuotoneFont Awesome Sharp · primary #chip-frost (white .90→.55, −20°) · secondary #chip-frost-s radial
Dot
Haseeb’s assistant. She speaks the questions on the contact form.
StatesDotFace.set(state) · click her for a boop · she watches the cursor at rest
Widgets
21
Years experience
20
Services
Strategy 5
Design 8
Marketing 7
Toolkit
0192
Figma
0288
Claude Code
0374
GSAP
0461
Three.js
0547
Cloudflare Pages
0638
Google Ads
LDN
LAX
−8 hrs
Bentothe dashboard’s Today tiles · counters, sparkline, bars on entry
01
Project
You can work with me on a project basis. Really clean start and finish. For example, the classic logo and website.
$0+ $0 / month
USD · Get in touch for an accurate quote.
Get quote02
Retainer
You can work with me on an ongoing basis for a more long-term partnership, to oversee your long-term marketing goals.
- Marketing Strategy
- Search & LLM Optimisation
- Google Ads (PPC)
- Local SEO
- Paid Social
- Ads & Content
- Email Marketing
- Site conversion optimisation
- Monthly report & strategy call
- Marketing Strategy
- Search & LLM Optimisation
- Google Ads (PPC)
- Local SEO
- Paid Social
- Ads & Content
- Email Marketing
- Brand Identity
- Visual Identity
- Brand Guidelines
- Assets & Templates
- Website Design
- UI / UX Design
- Site conversion optimisation
- Monthly report & strategy call
- Marketing Strategy
- Search & LLM Optimisation
- Google Ads (PPC)
- Local SEO
- Paid Social
- Ads & Content
- Email Marketing
- Brand Identity
- Visual Identity
- Brand Guidelines
- Assets & Templates
- Website Design
- UI / UX Design
- Brand Naming
- Creative Direction
- Web & Native Apps
- Commercial Interior
- Outdoor & Print
- AI Integration
- Site conversion optimisation
- Monthly report & strategy call
$5,000 / month
2 active tasks at a time · USD · three-month minimum, then rolling
Start on StandardOffer cardsproject calculator (bundle tiers at 3 / 5 / 7) · retainer tiers
Chipsevery service, drifting in four rows
$2,500
Number rollRZV.roll(el, value) · odometer, left→right stagger
Modals
Every modal on the site opens from the thing it describes. Try them.
Strategy
Clear objectives and foundational principles for your brand. One-to-one consultations, team workshops and documentation.
Brand Identity
Brand Naming
Creative Direction
Marketing Strategy
AI Integration
Ads & Content
Design
Beautiful, elegant brand identities, websites, apps and marketing assets. Fresh brand identities, or a smooth transition to a rebrand.
Logo Design
Visual Identity
Brand Guidelines
Assets & Templates
UI / UX Design
Website Design
Web & Native Apps
Commercial Interior
Ads & Content
Marketing
Search marketing first, and any campaign the project requires, print and outdoor included. Built, monitored and optimised.
Search & LLM Optimisation
Google Ads (PPC)
Ads & Content
Local SEO
Paid Social
Email Marketing
Outdoor & Print
AI Integration
Service modala service tile opens its page in a sheet · svc-modal.js
I was good at art as a kid and tried to emulate my elder brother who was elite at sketching. I used to get in trouble a lot for always doodling graffiti at the back of my books.
In school, I was known by my peers for my art skills – and would walk around brandishing my latest graffiti piece or car drawing. I was never able to get the ‘Art Achievement Award’ for all the years of secondary school, due to behaviour issues, lol. But I was blessed with art teachers who stuck their necks out for me and pushed me to be better. School years were the best years of my life!
At 15, I went on a pilgrimage to the shrine of my forefather, Imam Ali Al-Ridha, and everything changed. This studio’s name is dedicated to him.
“Use your abilities to serve God and the Ahlulbayt” a wise scholar advised our youth group. I pondered this, knowing that my expertise is art, but how can I apply it in a meaningful way? Over the next several years, a flurry of creative encounters led me to digital art and design. This trip would permanently alter the course of my life, through the brotherhood and mentorship I was able to get…
Journey modala milestone opens its story · journey-modal.js
Portfolio
Work gridtiles Flip into the work modal · arrows and ← → step through · work-modal.js
Motion
Ease
cubic-bezier(0.16, 1, 0.3, 1)
--easeexpo-out feel, everything that settles
Scroll
Lenis, lerp 0.09, on fine pointers
smooth.jsstops while a modal or the menu is open
Pages
A clean dip to black, header included
veil0.52s in, fires before the next page paints
Entrances
Words mask up, lines follow, media last
work.jstitle 0 · lede 0.14 · lines 0.3 · media 0.42