KIF: A modern, dark-aesthetic rebrand of Kuwait International Fair's web presence
A ground-up redesign of Kuwait International Fair's website, replacing a dated, brand-less institutional site with a modern, dark-aesthetic experience built on Laravel and restrained, purposeful motion.
Project Overview
A full redesign and rebuild of the public website for Kuwait International Fair (KIF), the first company to organize exhibitions in the Gulf, operating since 1971 across 650,000 m² of halls and an internationally accredited (UFI member) exhibition center. The new site covers the full surface area of the organization: exhibition halls, marketing and PR services, media galleries, the company structure (chairman, exhibition managers, international agents, service providers), events, and contact. Built on Laravel 13 with Blade and Tailwind CSS v4, the front end uses GSAP and Lottie for restrained, intentional motion and Swiper for content galleries. The guiding principle is a modern dark aesthetic with minimal, purposeful animation: a presence that finally matches the scale and standing of a 50-year-old institution.
The Challenge
KIF had no brand to design against. The existing site at kif.net is functional but visibly dated. It was built to deliver information, not to communicate a brand, and there was no branding guide, type system, color language, or motion direction to inherit.
No branding guide. There was nothing to anchor decisions to: no defined palette, no typography rules, no spacing or component conventions. Every visual choice on the old site reads as ad hoc rather than systematic.
A dated, institutional feel. The old kif.net is static and minimal in the wrong way: basic typography and spacing, a flat color palette with no contemporary vibrancy, placeholder-style imagery, and a footer that is purely functional. It prioritizes information hierarchy over any sense of craft, and the result feels like a 1990s-era institutional portal rather than the web presence of an internationally accredited exhibition center.
A mismatch with the organization. KIF is the oldest and one of the most significant exhibition organizers in the Gulf, yet its website undersells that completely. The challenge was not just to refresh a layout: it was to invent a brand-level visual identity and motion language from scratch, then build a site that earns the organization's reputation rather than working against it.
The Solution
The approach was to define a brand system first, then build the site as an expression of it.
A modern dark aesthetic. The new site is built around a dark, high-contrast visual language: deep backgrounds, confident typography, and generous spacing that lets the imagery and the scale of the venues carry the page. This replaces the flat, dated palette of the old site with something that reads as contemporary and intentional.
Minimal, purposeful motion. Animation is deliberately restrained. GSAP and Lottie drive a polished page loader, a hero typewriter effect, and subtle scroll and hover transitions: motion that supports the content and adds craft without becoming decoration or noise. Swiper handles media and content galleries cleanly. The rule throughout: every animation must earn its place.
A complete information architecture. The rebuild covers the entire organization in a coherent structure: exhibition halls, a SERVICES area (marketing, PR, stand decoration, and more) with proper dropdown and mobile-accordion navigation, an events section, media galleries, the full company structure (chairman, exhibition managers, international agents, service providers), and contact flows for agents and service providers.
A maintainable Laravel foundation. Built on Laravel 13 with Blade components and Tailwind CSS v4, the site is structured so KIF's content can grow without the architecture fighting back. A clean, modern stack underneath a brand that finally matches the institution's standing.
Project Info
Tech Stack
Frequently Asked Questions
What is this project?
It is a ground-up redesign and rebuild of the public website for Kuwait International Fair (KIF), replacing a dated, brand-less institutional site with a modern, dark-aesthetic experience. KIF is the first company to organize exhibitions in the Gulf, operating since 1971 across 650,000 square meters of halls and running an internationally accredited UFI-member exhibition center. The new site covers the full organization, including exhibition halls, marketing and PR services, media galleries, the company structure, events, and contact flows.
What was the main challenge?
The biggest challenge was that KIF had no brand to design against. The old site was functional but visibly dated, with no branding guide, type system, color language, or motion direction to inherit, so every visual choice had to be invented from scratch. The work was not just refreshing a layout but creating a brand-level visual identity and motion language, then building a site that finally matches the standing of a 50-year-old institution.
What technologies were used to build it?
The site is built on Laravel 13 with Blade components and Tailwind CSS v4, using JavaScript on the front end and FilamentPHP for content management. Motion is handled with GSAP and Lottie for a page loader, a hero typewriter effect, and subtle scroll and hover transitions, while Swiper powers the media and content galleries. The stack was chosen so KIF's content can grow over time without the architecture fighting back.
What is the design approach behind the new site?
The approach was to define a brand system first and then build the site as an expression of it. The result is a modern dark aesthetic with deep backgrounds, confident typography, and generous spacing that lets the venues and imagery carry the page. Motion is deliberately restrained under the principle that every animation must earn its place, supporting the content and adding craft rather than becoming decoration.
Who built it and what is the current status?
It was built by Abdulkader Safi as Lead Developer and Designer over roughly two months in 2026, covering both the brand-level visual identity and the full implementation. The project is currently In Progress.
Let's Build Something Together
Have a project in mind, want to collaborate on a web or mobile app, or just want to say hi? My inbox is open.