Studio site and template library

Admix Lab

The public site, sales tools and in-house product of Admix Lab, the Dubai studio I founded. I designed and built all three: a bilingual Next.js 16 site with case studies and a meeting scheduler, a template library prospects can try before a call, and Admix Flow, a booking CRM still in development.

admixlab.com Template library Admix Flow product page

Client: Admix Lab FZE LLC
Year: 2025–2026
Role: Founder, design and engineering
Status: Live
Platforms: Studio site, Template library, Admix Flow

Admix Lab home page on desktop: the headline “We build software that scales businesses” beside a stack of dark glass cards built in code

Admix Lab home page on a phone: the same headline with View our products and Work with us buttons below it

Prospective clients. Admix Lab's public site in English and Arabic: services, the studio's products, case studies and a scheduler to book a call.

Bilingual EN/AR Next.js 16 site with case studies, product pages and a built-in meeting scheduler
14 industry templates, each with a site, an admin console and three themes, plus 13 brand kits
Launch kit built in code: bilingual social posts and Remotion reels on the site's design tokens

Challenge

Admix Lab needed a public home that reads as a product studio rather than a generic agency. It had to work in English and Arabic from day one, load fast, and hold client case studies, the studio's own products and a simple way to book a call.

Two sales problems sat behind it. Small businesses find it hard to judge a website from a deck or a static mock-up, and every launch needed social and sales material in one visual language, without a separate design pipeline for each channel.

Approach

I rebuilt admixlab.com on Next.js 16 and React 19 around a documented design system: color tokens, a Geist and Fraunces type pairing, motion curves and component specs. English and Arabic share one dictionary, and every layout mirrors for right-to-left reading.

Instead of a third-party booking widget, I built the scheduler: availability and booking API routes, slots stored in Postgres through Prisma with a uniqueness constraint so no time can be booked twice, and confirmation emails in English or Arabic through Resend.

The 14 templates follow one shared spec: a generic placeholder brand, exactly three themes, and English and Arabic on every page. The launch kit renders Instagram posts, stories and reel covers from HTML and reels from Remotion, all on the site's design tokens, so new material from the Admix Lab team comes out on brand.

Impact

admixlab.com is live in English and Arabic, with a filterable index of 9 case studies, product pages and a built-in booking flow.

All 14 templates and their gallery are live at admixlab.com/templates. A prospect can try a working site and its admin console before the first call, and Admix Lab has a ready starting point for client builds.

Admix Flow is in development. Its December 2025 build covers bookings, Stripe payments, invoices and a site builder for each business, and its product page is live on admixlab.com.

Prospective clients

Studio site

Admix Lab's public site in English and Arabic: services, the studio's products, case studies and a scheduler to book a call.

English and Arabic across the site, with layouts mirrored for right-to-left reading
Built-in meeting scheduler on Dubai time, with Friday and Saturday off and each slot bookable only once
Confirmation email in the language the visitor booked in (English or Arabic) and a notification to the team, both sent through Resend
Filterable index of 9 case studies, plus pages for the studio's own products

Arabic home page on desktop: the layout mirrored right to left, the Arabic headline on the right, the glass cards on the left and a row of client names along the bottom — Arabic home page, mirrored for right-to-left reading.

Connect page with the Book a Meeting sheet open at step 1 of 3: a month calendar in Dubai time with Fridays and Saturdays grayed out — Built-in scheduler, step 1 of 3: pick a day. Times are in Dubai time, with Friday and Saturday off.

Prospects, before the first call

Template library

Working templates for 14 industries that a prospect can click through before we meet: a site, an admin console and three themes each, in English and Arabic. Every name and figure in them is a placeholder.

Industries from aesthetic clinics and boutique hotels to car rental, logistics and e-commerce
Three switchable themes per template, 42 in all, with the visitor's theme and language remembered
A demo admin console in the browser for every template, such as e-commerce with products, orders, inventory and analytics
Brand kits for 13 of the templates: logo system, stationery, social and sales materials

Boutique hotel template: a poolside photo behind the headline “A quiet kind of luxury.” and an availability bar for check-in, check-out, guests and room type — Boutique hotel template with an availability search. Placeholder brand and copy.

The same hotel template in Arabic, with the navigation, headline and availability bar mirrored right to left — The hotel template in Arabic, right to left. Placeholder content.

Real-estate developer template: the headline “Property, built to last.”, a card for a featured residential project and a row of placeholder figures — Real-estate developer template. Every figure on it is placeholder copy.

Car-rental template in its dark theme: the headline “Drive the city, on your terms.”, a car photo and a search bar for pickup location, dates and category — Car-rental template with pickup and return search, dark theme. Placeholder figures.

E-commerce admin console: cards for revenue, orders, conversion and average order, a 14-day revenue chart and a top products list — E-commerce admin console. All data is placeholder, not a client result.Demo data

Hotel brand kit: logo system, stationery, social and sales materials.

Business owners

Admix Flow

In development. Admix Lab's own booking CRM: bookings, customers, staff, payments and the business's website in one dashboard. This is the December 2025 build with test data.

Owner overview with a money screen: revenue today, over the last 7 days and this month, and paid against unpaid bookings
Bookings, customers, services, staff, invoices and billing in one navigation
Public booking page with Stripe payments; a signed webhook confirms the booking when payment succeeds
Each business on the platform gets its own site, with pages, domain, theme and SEO settings

Admix Flow product page on admixlab.com: the headline “The operating system for modern businesses”, a Request Demo button and a preview of the booking CRM dashboard — The product page is live; the platform itself is in development.

Roadmap section with five stages: V1 Booking & Websites, V2 Themes & E-commerce, V3 Unified Messaging & Marketing, V4 AI Automation & Smart Workflows, V5 Enterprise & Multi-branch — The public roadmap, V1 to V5. The platform has not launched publicly yet.

Stack

Next.js 16
React 19
TypeScript
Tailwind CSS v4
Prisma
PostgreSQL
Resend
Remotion
HTML, CSS and vanilla JavaScript
Vercel

Integrations

Resend
Vercel Analytics