Client commission · live at yasingodz.com

Hallmarked.

A website for a director you’d book for ten years.

yg9252026
Visit yasingodz.com

№ 01 · The commission

Make him look like the one you book for ten years.

Yasin Godz directs music videos, campaigns and fully generated films out of Dubai — for rappers, labels and fashion brands. His work had outgrown the site it lived on: a website-builder page called “YG”. Five words carried the brief: dark, chrome, heavy motion, features — and a client list he wants next, the Central Cee and Travis Scott tier.

The moodboard was Chrome Hearts: hand-finished sterling silver, gothic letters, crosses and daggers. A brand like that is easy to borrow from and expensive to copy. The job was to take the feeling and leave the logos.

Book him for ten years.

The brief, in one line
Client
Yasin Godz · Extradreamz, Dubai
Scope
Positioning, mark, material, type, website, content, launch
Timeline
Brief 1 Oct 2026 · live 2 Oct 2026 · updated since
Stack
Vite, Three.js, GLSL, GSAP, Lenis, Web Audio, Netlify
Status
Live, and still changing
  1. 01The commission
  2. 02The read
  3. 03The mark
  4. 04The metal
  5. 05The voice
  6. 06The setting
  7. 07The archive
  8. 08The assay
  9. 09Still in the fire
  10. 10For Huda Beauty

№ 02 · The read

Read the person before you design the page.

A director is booked on trust: will this person see my song the way I hear it? So the site had three jobs, in this order — prove the eye, prove the range, make booking easy. Everything else was cut against them.

Who books him
Artists, labels, managers, brands, agencies — people who decide with their eyes in the first five seconds.
What they need to see
Moving image before words. Real credits. A sense of the world he builds, not a list of services.
What makes them leave
A template. A logo they recognise from somewhere else. A form that asks too much too early.

Codes, taken and transformed.

Taken from the moodboard

  • Polished sterling silver as the only colour
  • Gothic blackletter
  • The dagger and the cross as ornaments
  • Night: black, deep, lit from one side

Left on the moodboard

  • Every Chrome Hearts logo, letter and cross
  • Their typefaces
  • Anything a lawyer could hold up next to his

Added from Yasin

  • His initials, Y and G
  • Dubai — the clock, the Arabic line
  • Film as the background of everything
  • The machine: AI-generated work, said plainly
  1. I

    Show the work before the words.

    The first thing anyone sees is his film, not a sentence about it.

  2. II

    No borrowed logos.

    Every mark on the site was drawn for him. Brands he only made concepts for never appear as partners.

  3. III

    Every claim from his own captions.

    Titles, clients and credits are copied from his posts. Nothing is promoted to a commission that wasn’t one.

№ 03 · The mark

A monogram with a blade through it.

Round one was the initials alone, Y over G in a blackletter. It was right and it was too simple — every rapper with a jeweller has interlocked initials. Round two put an original dagger behind them: the letters are knocked out of the blade, so the steel shows through the gaps.

The YG dagger mark cast as a sterling-silver pendant, turning
  1. PommelA bead and a diamond — the only faceted shape in the mark.
  2. CrossguardBeads and spikes, so the silhouette reads as jewellery, not a weapon.
  3. FullerThe groove of the blade runs through the joint where Y meets G.
  4. LettersNew Rocker, Y in front. Cut out of the blade, not laid on it.

The mark as an object: sterling silver, cast and polished, turning on the scroll.

  1. 01

    Drawn

    Built in code (scripts/build-logo.mjs) from the letters’ outlines, so every part stays a separate, exact shape.

  2. Clay render of the YG dagger mark as an object, matte white

    02

    Form

    Extruded and bevelled. Clay first: does it still read with no shine to help it?

  3. Structure render of the mark: the edges and bevels

    03

    Structure

    The edges that catch the light are where the bevels are — so the bevels decide the shine.

  4. The mark as a polished sterling-silver pendant, straight on

    04

    Silver

    Mirror polish, dark in the recesses. Now it is something you could wear.

Macro render of the silver mark: The light runs down the fuller.
The light runs down the fuller.
Macro render of the silver mark: Knock-outs: the letters are cut out of the steel.
Knock-outs: the letters are cut out of the steel.
The YG dagger mark as a polished sterling-silver pendant on black, three-quarter view

№ 04 · The metal

Silver. Not chrome.

The material took three rounds — the longest fight on the project, and the one that mattered most. Silver that looks cheap makes the man look cheap.

  1. Round 1

    Environment map

    A photographed reflection wrapped on the letters, with a normal map for relief. It striped, and it looked like a plug-in.

    Rejected

  2. Round 2

    The amrculture gloss

    My own liquid-gloss renderer from this portfolio, tuned grey. The right engine — the wrong metal: liquid and soft, where his silver had to be hard and polished.

    Rejected

  3. Round 3

    Polished sterling

    Same engine, new physics: a tight polished edge, a domed face, a mirror studio around it. The reflections never stop turning — with time, with the cursor, with the scroll — and a light sweeps across every few seconds.

    Shipped
Close-up of the live site: the silver monogram rendered in WebGL
Captured from the live site — rendered in the browser, not a picture. Move across it.
Shape
Every letter becomes a signed distance field; the surface is solved per pixel, so edges stay sharp at any size.
Light
A studio is painted into the shader — sky, floor, softboxes, strip lights — and turns with time, pointer and scroll.
Entrance
Titles are cast in: they pour, set and flash once, with sparks on the edges.
Cost
One shared WebGL canvas for every chrome element on the page. No images, no video, no textures to download.

№ 05 · The voice

everything in lowercase.

His captions are lowercase; so is the site — every heading, button and label, while anything a visitor types keeps its own case. The display face is New Rocker, a blackletter that still reads at small sizes. Colour is silver, black and white; an oxblood red exists only as atmosphere.

  • yasin godz
  • shot. generated. directed.
  • one vision. a whole world.

رؤية واحدة. عالم كامل.

One vision. A whole world. — the line under his manifesto, for Dubai.

There is one easter egg. Type “red” on the site. (It works here too.)

№ 06 · The setting

The setting.

The stone gets a setting that makes it look bigger. Here, the films are the stone; everything around them is built to frame them and get out of the way.

  1. The hero of yasingodz.com: the silver YG dagger monogram over his dimmed films

    01

    The hero

    Six of his clips crossfade behind the cast-in monogram, dimmed so the silver stays the brightest thing on screen.

  2. The partner band: marks of the artists and brands he has made work with

    02

    Made with and for

    Eleven artists and brands he has made work with — the concept brands deliberately left out.

  3. The work section: project vitrines with filters by kind

    03

    The work

    Vitrines or an index with a video preview, filterable by kind. Six on the homepage; all fourteen on their own page.

  4. Every frame: two rows of film stills drifting in opposite directions

    04

    Every frame

    Two rows of stills drifting in opposite directions. It was pinned first — a scroll that never ended. Now it moves while you don’t.

  5. The manifesto, lit word by word over parallax stills

    05

    The manifesto

    One paragraph, lit word by word, with his stills on parallax layers behind it.

  6. Book Yasin: the first step of the five-step booking brief

    06

    Book Yasin

    A five-step brief: who you are, what you need, the budget, the details, then a summary to send or copy. He gets qualified enquiries, not “hey, how much?”.

And the small things

  • A cursor that names what it is over — play, open, drag
  • The local time in Dubai, live in the navigation
  • Sound off by default; turned on, a generated cathedral drone with small metallic ticks — nothing downloads until then
  • Marquees that speed up with your scroll
  • Chrome dagger dividers between chapters
  • The reel loads only when needed, so the hero film never waits behind it
yasingodz.com on a phone
yasingodz.com on a phone
yasingodz.com on a phone
yasingodz.com on a phone

№ 07 · The archive

Fourteen films. Credited the way he credited them.

Every title, client and credit is copied from his Instagram captions. Where he says a piece is a concept or fully AI-generated, the site says so too — a Gucci film he made unasked is labelled an AI concept, and Gucci never appears among his partners. The honesty is the positioning: an AIGC director who hides the machine has nothing to sell.

  1. Music video

    CD

    Tohi × Pishro × Ali Owj, Zero21 Records — 428k likes on his release post

  2. Music video

    Chvrsi EP

    Visuals for the EP

  3. Campaign

    Pastel Heist

    For Meokda

  4. Campaign

    Y-3

    Adidas × Yohji Yamamoto

  5. Campaign

    Airskin

    For Cuban Link and Cuban Fit

  6. Campaign

    Let the work speak

    With Jordan Fresher and Riot Hill

  7. Campaign

    Capenci

    A glass cube in the desert

  8. Campaign

    Puma × YG

    Moto leathers at golden hour

  9. AI concept

    Gucci

    Fully generated with Higgsfield

  10. AI concept

    Maison Margiela

    A Tabi film, made unasked

  11. AI concept

    Rick Owens

    Fully AI-generated

  12. AI concept

    Wacko Maria

    For its Guilty Parties

  13. AI concept

    Ex is back

    A Timberland concept by Extradreamz

  14. Short film

    An ordinary day

    New York, none of it real

Films © Yasin Godz and collaborators. Previews are short, silent excerpts.

№ 08 · The assay

Brief to live domain in two days.

An assay office tests the metal before it is stamped. This is what had to hold before the site could carry his name.

2
days, brief to yasingodz.com
14
projects, credited from his captions
27
clips cut and re-encoded for the web
11
partner marks, redrawn as clean vectors
1
WebGL canvas for every piece of chrome
0
borrowed logos
  1. Day 1Brief and moodboard. Positioning, the three rules. Site skeleton, hero, first silver.
  2. Day 1Twenty-seven clips in. No ffmpeg on the machine — re-encoded with macOS’s own converter instead.
  3. Day 2The fourteen real projects replace the placeholders. Credits copied from his captions, concepts labelled.
  4. Day 2Mark round two: the dagger. Material round three: polished sterling. Everything to lowercase.
  5. Day 2Partner band, work page, drifting stills. The reel made lazy so the hero film loads first.
  6. Day 2Netlify, caching rules, DNS moved from the old website builder. yasingodz.com goes live.

№ 09 · Still in the fire

Still in the fire.

The site went live on day two and has kept changing since. That is by design: everything client-specific lives in one data file, so a new film is a few lines, not a redesign — and this page is fed by a script that photographs the live site again, so it never shows an old version for long.

Screens on this page captured from the live site on .

  • Next on the site
  • His confirmed booking address and availability
  • New films as they release
  • A case per project with the full credits
Visit yasingodz.com

№ 10 · For Huda Beauty

Huda Beauty was a creator before it was a brand.

Huda Kattan started with a blog and a make-up kit. Years and a global brand later, it still talks like a person — and the creators around it are as much the brand as the products. That is the work in this case: take one creator, read what is already theirs, and turn it into a system that sells them while they sleep.

The difference between a designer and the person you hand a brand to is ownership. On this project there was no one to hand anything to — so every department below was one person, and every decision had a reason I can still give you.

The org chart of this project

  1. StrategyAmeer Al-AyyashWho books him and why; three rules everything was cut against
  2. BrandAmeer Al-AyyashThe mark, the material, the voice; what to take from the moodboard and what to leave
  3. ProductAmeer Al-AyyashFourteen projects, two views, a five-step booking brief
  4. EngineeringAmeer Al-AyyashA shared WebGL silver renderer, generated sound, lazy media
  5. ContentAmeer Al-AyyashTwenty-seven clips cut, re-encoded and credited
  6. Legal senseAmeer Al-AyyashNo borrowed logos; concepts labelled as concepts
  7. LaunchAmeer Al-AyyashHosting, caching, the domain moved over
  8. Client servicesAmeer Al-AyyashEvery round of feedback answered the same day
Speed without shortcuts
From brief to live in two days, with every claim checked.
A material as an asset
Silver here, pink gloss on my own site — a brand’s finish, built once and used everywhere.
Creators, systemised
The skill Huda Beauty uses every day: make a person’s codes into a brand.
One owner, start to finish
Strategy to launch, and still looking after it afterwards.

Give me a brand. I’ll look after it like it’s mine.

Client: Yasin Godz, Extradreamz, Dubai. Films, stills and credits in the archive are his and his collaborators’, shown as they appear on his website.

Positioning, mark, material, type, website design and development, content and launch: Ameer Al-Ayyash. Built with Claude, Blender, Three.js and GSAP.

The silver pendant is the mark rendered in Blender for this case study. Chrome Hearts was the moodboard; none of its marks are used.

Mark, material and website for Yasin Godz, a creative director and AIGC filmmaker in Dubai — polished sterling silver in WebGL, his films as the stone, fourteen projects credited the way he credited them. Brief to live domain in two days.

Client
Yasin Godz · Extradreamz, Dubai
Role
Positioning, mark, material, website and launch — every department
Year
2026
Disciplines
Positioning, Brand identity, Logo design, Material and WebGL, Typography, Web design, Front-end development, Motion design, Sound design, Content editing, Launch and hosting
Tools
Three.js, GLSL, GSAP, Vite, Blender, Claude
The new HQD website: the ALLSTAR in space with an orbit ring

Next project

HQD

Same brand, new original — a rebrand, launch site and ad campaign for a vape brand