Rasikh Contracting
A Riyadh contracting firm, bilingual throughout, with project case studies and a dark mode designed rather than inverted.
- Category
- Corporate
- Year
- 2026
- Role
- Design & build
Overview
Fourteen pages covering services, nine project case studies, capability and contact — in English and Arabic, with a dark mode that was designed as its own palette rather than flipped from the light one.
The challenge
Contracting sites in the region tend to look identical: a stock crane, a navy gradient, and a services list. The firm needed to look like it builds at scale without leaning on any of that.
Approach
Structure as the visual argument: real project pages with scope, location and discipline, so depth is demonstrated rather than claimed. Arabic was laid out alongside English from the first screen.
Design
Navy and gold, with a rule learned the hard way: gold needs two values, not one. A deep gold carries light surfaces and a lifted gold carries dark ones, because a single value fails contrast on one of them every time.
Development
Every directional rule uses CSS logical properties, so the Arabic layout needed almost no overrides. A Python build step generates seven of the eight page shells from one canonical template and warns on any English/Arabic key mismatch.
Responsive
Project pages carry a wide media band on desktop that becomes a full-bleed stack on phones, and the bilingual navigation collapses without losing the language switch.
Gallery
Want something like this?
Tell us what you're building and we'll come back with a view on scope, timeline and budget.
