FreelancingVisit live site↗
Mawroth
Mawroth · Brand · Cultural · 2025
BrandHeritageR3F
mawrothsa.com
The brief
A brand site for a Saudi holding company that produces heritage-focused media, events and experiences, with a bilingual Arabic / English interface.
Role
- Design
- Build
Stack
- Next.js 16
- React 19
- Three.js / R3F
- GSAP
- Lenis
- Framer Motion
- Tailwind v4
Palette
Aa
#043C40
Aa
#0B4F4F
Aa
#1A605E
Aa
#D69361
Aa
#D4BFAE
Aa
#FFFFFF
Signature
01
3D globe hero
An interactive Three.js globe — heritage carried worldwide.
02
Editorial cross-fades
Magazine-style page transitions; calm fades over scroll-scrubbed motion.
03
Bilingual AR / EN
EB Garamond paired with Amiri at matched weights, right-to-left aware.
04
Portfolio slate
A Desert Princess, Wings of Arabia and more as a project grid.