The studio is a design practice first. Identity systems, not logos — so everything made afterwards already looks like you.
Brand identity and visual systems, social and campaign design, creator and streamer packs, typography and lettering, and Arabic and bilingual RTL layout. Arabic-first design is a scarce skill and both of the studio's own products depend on it, which is why it sits here rather than in a footnote.
Brand identity and logo systems
Visual identity guidelines
Social and campaign design
Creator and streamer packs
Typography and lettering
Arabic and bilingual RTL layout
02
Vibe coding
The studio makes the product decisions; AI writes the implementation. What to build, what to refuse to build, and what finished means.
Two Arabic-first marketplaces designed, built and deployed. The decisions are the work: no online payments anywhere in one of them, zero commission at any amount in the other, and map coordinates blurred inside the database so an address never reaches the browser.
Product design and interface systems
Next.js · TypeScript · Postgres
Row-level security and data modelling
Multilingual, RTL-first interfaces
Deployment on Cloudflare
03
Motion in code
Films built in Remotion. React components rendered to MP4, so a brand colour change propagates through an entire film automatically.
The animation is version-controlled, re-renderable at any resolution, and updated by changing a value rather than re-cutting a video. Two launch films built this way — a pipeline, not a one-off.
Launch films and brand animation
Remotion · React · TypeScript
Vertical and broadcast cuts
Re-renderable at any resolution
Selected work
Work
The two platforms are shown as identity first and product second. The studio is
a design practice; the identity is the exhibit and the shipped platform is the
proof it survived contact with reality.
Brand identity · product · film
Ekriha إكريها
A rental marketplace for Algeria where you call the owner directly.
No online payments. Ever.
Wordmark
Palette
#FBB519
#E19E0B
#FDD277
#2C2125
#FFF9EC
Type
Noto Kufi ArabicArabic — the default script
PoppinsLatin — French and English
Interface · Arabic default, RTL
Brand identity · product · film
3aml عمل
A work marketplace where the platform never touches the money.
0% commission. At any amount.
Wordmark
Palette
#79C54D
#0E162A
#1E302F
#AAD991
#F4F6F7
Type
CairoArabic — the default script
InterLatin — French and English
Interface · Arabic default, RTL
Website
Pizza One
A single-page site for a pizzeria in El Kseur — menu, gallery, ordering by phone.
This one didn't need a framework, so it didn't get one.
Hand-written HTML, CSS and JS
Website · client withheld
Jewellery boutique
A single-page storefront for an 18-carat gold collection.
Black, gold, and nothing else competing.
Product page
Next in this section
Branding & creator work
Identity systems, creator and streamer packs, and campaign design — including
work for three channels above 100,000 subscribers each. Case studies in
preparation; nothing placeholder is shown here in the meantime.
03 · Motion in code
Films that are programs
Remotion renders React components to MP4 frame by frame. The animation is
version-controlled, re-renderable at any resolution, and updated by changing a value
instead of re-cutting a video.
Ekriha — launch film · 0:38 · 9:16
3aml — launch film · 0:49 · 9:16
src/lib/theme.tsHover a colour
// AMAL — brand + canvas constants.// Change a value here and it updates across the whole film.export const NAVY = '#0E162A';export const GREEN = '#79C54D';export const PAPER = '#F4F6F7';// every value below is a literal mix of the three aboveexport const NAVY_2 = '#1E302F';export const GREEN_HI = '#AAD991';export const W = 1080;export const H = 1920;export const FPS = 30 * RATE;
The real source of the film beside it. Three colours; everything else is a mix.
