Bilingual personal portfolio
Noor Portfolio
A live bilingual portfolio for a social and identity designer: work index, case pages, and a palette the visitor can switch.

01 / 05
Stack
- Next.js
- TypeScript
- Tailwind CSS
- CSS variables
What it is
Noor’s public site is a designed personal portfolio, not a template dump. The home hero rotates featured work, language flips Arabic/English, and a palette control (terracotta, emerald, sky, coral) recolors the whole visit. Work is grouped by identity, web, print, marketing, and social — each case has a motion strip, a gallery, and links.
Features
Live palettes
Terracotta, emerald, sky, and coral recolor the whole visit without a reload.
Bilingual pages
The public site flips language and keeps the layout designed for both.
Work filters
Identity, web, print, marketing, and social — then a case with gallery and links.
Shipped on a custom domain
The live site is on noor.sanad-ye.com over HTTPS.
Components
Inside: a home with a work carousel, a /works index with tabs (identity, web, print, marketing, social), case pages with a gallery player, an about/contact path, English toggle, and four live palettes.
01
Home
A designed hero, language toggle, and a live palette control.
02
Work index
Filter by identity, web, print, marketing, or social, then open a case.
03
Case page
Motion strip, gallery, and links for each piece of work.
04
About & contact
An about path and a way to reach Noor.
The work
I built and shipped the live portfolio: structure, bilingual pages, the work index with category filters, case-study layout, and the live theme switcher. The design work inside the cases is Noor’s; the site that presents it is the engineering work here.
Next project
Khairat Aden