Al Thaqafiya isn’t just a news portal: it’s a cultural identity.
An RTL-native cultural news portal for MBC, homepage, article and programme detail templates built on a single editorial design system with a distinctive pink-magenta identity.
Benchmarking
Understanding the Arabic cultural media landscape
Before designing a single screen, we mapped the competitive field of Arabic-language digital media and international cultural news platforms. We studied how they handle content hierarchies, editorial layout, RTL navigation, live broadcast integration, and the balance between dense information and readability.
This benchmarking phase replaced formal user research with applied competitive intelligence, understanding the conventions Arabic audiences already trust, and identifying where Al Thaqafiya could set itself apart.
Editorial hierarchy is everything
Leading Arabic portals structure content with a clear visual weight system, hero story, secondary grid, trending list. Readers scan before they read.
Brand accent as editorial identity
A single strong accent colour (red for MBC, blue for Sky News Arabia) makes media brands instantly recognisable. Consistency across all states builds brand trust.
Article readability is under-designed
Most Arabic news portals sacrifice reading experience for ad density. An opportunity exists for a cultural platform to invest in editorial typography and spacing.
Discovery highlights
- 7+
- Platforms benchmarked
- 3
- Page templates designed
- 1
- RTL-native design system
Platforms studied
A closer look at Arabic media and cultural portals
We benchmarked seven platforms across Arabic news media, cultural portals and international editorial references, studying their content grids, navigation patterns, article layouts, and how they surface trending and live content, then distilled the signals into themes.
The goal was not to copy any one platform but to extract the patterns that Arabic-speaking audiences are already conditioned to trust, then elevate them with a distinctive cultural voice.
MBC
Sky News Arabia
Al Jazeera
Arabia.com
BBC Arabic
Design system
A visual identity rooted in Arabic culture
From benchmarking emerged a clear direction: bold, editorial and culturally grounded. Al Thaqafiya’s design system uses a striking pink-magenta accent to cut through the visual noise of the Arabic media landscape, distinctive, memorable and RTL-native from the ground up.
Pink as cultural authority
In a landscape of red (MBC) and blue (Sky News), pink-magenta positions Al Thaqafiya as bold and distinctive, cultural without being conservative.
Editorial grid discipline
A strict column grid with deliberate card weights, hero, primary, secondary, sidebar, creates a clear content hierarchy that readers scan intuitively.
RTL-native from the ground up
Navigation, article layout, card alignment and reading flow are all built right-to-left. Arabic is not a translation layer, it is the design language.
News homepage
Content discovery through editorial hierarchy
The homepage is a curated editorial experience, not a content dump. A full-width hero slider leads with the most culturally significant story. Below, three distinct content zones, Latest Articles, Trending and Chosen For You, each use different card formats to create visual rhythm and guide reading flow.
Full-width hero slider
The featured story leads with a cinematic full-bleed image, an Arabic headline overlay and a single CTA. Carousel dots for navigation. Sets the editorial tone immediately.
Latest articles
A four-column news card grid with thumbnail, headline and category. Scannable at a glance. “عرض الكل” (View all) for deeper navigation without overwhelming the fold.
Trending band
A dark background section with a split layout: four compact list cards on the right, one large feature card with image on the left. Maximum density without clutter.
The black “Trending” band breaks the white page into clear content chapters, borrowing a pattern from magazine editorial design, giving the homepage a sense of structure rather than infinite scroll.
Article and programme detail
Two templates. One consistent experience.
The platform serves two distinct content types, written articles and broadcast programmes, each requiring its own page template. Both share the same navigation system, footer and design language, but the content layout is purpose-built for each format.
The article detail prioritises reading comfort: a wide body column, a sidebar with related content, and clear author attribution. The programme detail is hero-video-first, with cast, broadcast schedule and episode information surfaced immediately below the fold.
Article detail: reading first
A wide, centred body with pull quotes. The sidebar carries “احدث المقالات” (Latest articles) and “اخترنا لكم” (Chosen for you), keeping readers inside the platform after finishing an article.
Programme detail: video hero
A full-width cinematic still with title overlay, a broadcast schedule badge (الجمعة والسبت) and three quick-action CTAs: Watch episode 1, Add to list, Share.
Tabs: more info and related
The programme detail uses a tab system for المزيد من المعلومات (cast, director, genre) and ذات علاقة (related content), reducing scroll length while keeping all data accessible.
Delivery
Three templates. One cohesive product.
Al Thaqafiya launched as a fully designed website with three purpose-built page templates, Homepage, Article detail and Programme detail, all powered by a single RTL-native design system with shared navigation, footer, component library and colour language.
Delivered
- 3
- Page templates designed
- 51+
- Total screens and states
- 1
- RTL design system
- 30+
- Reusable components
The approach
How we designed a cultural media platform without traditional research
Al Thaqafiya needed a product that felt authoritative, culturally grounded and distinctly different from the crowded Arabic news landscape. Rather than starting with user interviews, we started with competitive intelligence, studying the best of Arabic and international media design, then applying those insights to a fresh RTL-native system.
01
Mapped the competitive landscape
02
Built three purpose-built templates
03
Established a distinct cultural identity
What we learned
Editorial rhythm builds trust
Arabic readers rely on familiar content hierarchy. A clear structure creates trust, improves navigation and strengthens the reading experience.
Live content drives engagement
Live access should remain visible and immediate. Prominent placement reduces friction and encourages continuous audience engagement.
Reading experience matters
Clear structure, comfortable spacing and refined typography create a more engaging reading experience and encourage longer sessions.
