Brand and design decisions
A shared source of truth for every visual decision at Football Expeditions. Colors, typography, components, and principles - kept as code, not as Figma.
Color palette
CSS tokens used across light/dark. Primary, surface, elevation, semantic states.
Typography
Type scale from h1 to helper text. Font family, line-height, tracking.
Components
Buttons, cards, badges, forms. All rendered live from the system.
UX principles
Cardinal design rules - what we always do, what we never do.
Designed by MENA Studio
The full visual system - palette, typography, components, UX principles - was designed by MENA Studio. External design partner, brand-on-brand from concept to implementation.
Tech stack and partners
A transparent tech stack, verifiable data sources, and licensed travel suppliers. Everything behind the package you see on the site.
Technology
Every layer of the stack is either open-source or an industry standard. The client owns every decision; every vendor is swappable.
- Next.js 16 + React 19
- Payload CMS 3 (TypeScript)
- Postgres (Hostinger)
- Tailwind CSS v4
- Stripe Payments
- Resend (transactional email)
- Lexical (rich text)
- Sharp + pdf-lib (image + PDF voucher)
- Hostinger Node.js (deploy)
Data & APIs
Everything you see on the site comes from a verifiable source. No hand-maintained spreadsheets.
- Football-Data.org (fixtures)
- TheSportsDB (crests, colors, photos)
- Frankfurter.app (currency rates)
- Google Business Profile (reviews)
- Google Maps Static (stadium maps)
- Wikipedia / Commons (CC-attributed photos)
Travel partners
Ticket and hotel inventory comes from licensed B2B providers under contract - never from auctions or grey-market resellers.
- Travel Connection (match tickets)
- P1 Travel (trip packages)
- Hotelbeds (hotel pool)
- Local ground transport partners
- + more providers onboarding