Colophon

How this was built.

Stack

Framework: Next.js 16 (App Router)
TypeScript strict
Styling: Tailwind CSS 4
Custom design tokens in globals.css
Motion: Motion (motion/react)
Restrained, never bouncy
Icons: Lucide React
Used sparingly
Hosting: Vercel
Content: TypeScript data files
One file per agency under /content/agencies
Package manager: pnpm

Typography

Display: Fraunces
Variable, opsz axis
Body: Inter
Variable, ss01 alternates
Mono / tabular: Geist Mono

License

Editorial content: CC BY 4.0
Attribution required
Code: All rights reserved
Source not currently published
Quoted material: © the respective rights holders

Acknowledgments

The atlas relies on the public reporting of the regional trade press — Campaign Middle East, PRovoke Media, MEPRA, PRCA MENA, Arabian Business, The National, and others. The factual scaffolding of these profiles would not be possible without their work.

Contributing

Corrections, additions and disagreements are welcome at nasim.sawalma@gmail.com. Practitioners closest to the work usually know first when something has changed.