Skip to content

Bilingual websites, designed, built and run by one team

Fast, static marketing websites in real Arabic and English, right-to-left from the first commit — private by default, and hosted, released and kept running by the people who built them.

Who it is for For Gulf and UAE companies that need genuine Arabic quality, groups with several brands to present under one roof, businesses that update content often, and established companies whose site no longer reflects their size — especially before a bid or a partnership review.

S-02 Two directions
One shared page body
Page weight HTML CSS Fonts JS
Each language in its own direction No third-party tracking
  1. Each language in its own direction
  2. No third-party tracking
Schematic — not a screenshot

01What you get

From your text to a live, bilingual site

Open a row to see what is inside it. Every deliverable below is described in general terms — no client site, layout or figures ever appears here.

  1. D-01

    Bilingual marketing website

    Arabic-speaking and English-speaking decision-makers get the same site at the same quality — the Arabic is not a machine-flipped afterthought, and nothing breaks in right-to-left.

    What is inside
    • A typical page set — home, about, services, gallery, FAQ, contact, privacy and cookies, and a branded 404 — with every page in both languages
    • One shared page body renders each language, so a page can never exist in only one
    • Interface labels in a single string dictionary; content in structured bilingual files
    • A language switcher that keeps the visitor on the same page
    • Logical CSS so the layout mirrors correctly, plus a skip link, focus rings and one main heading per page
    • Latin and Arabic fonts paired, with letter-spacing reset so Arabic letters still join
    • Tabular Arabic-Indic digits, the Arabic comma, and Latin words isolated inside Arabic text
    Formats:
    • Static site
    • Self-hosted fonts
    Languages:
    • English
    • Arabic
  2. D-02

    Sub-brand or division section

    A group presents every brand from one site today, and can split one off to its own domain later without paying for a rebuild.

    What is inside
    • A full section for a sister business, with its own hero, identity and accent colour
    • Namespaced routes and components, so the section can move to its own domain without a rebuild
    • A group page that presents every business in the group
    Formats:
    • Static site
    Languages:
    • English
    • Arabic
  3. D-03

    No-code content editing

    The team updates the site itself, every change is recorded and reversible, and there is no database to pay for or patch.

    What is inside
    • A visual editor at /admin for content that changes often
    • Saves Markdown files to the site's own repository; the live site rebuilds and republishes itself
    • No database — the repository is the storage, the backup and the audit trail
    • A schema validates every item (required fields, valid links, status values); an empty field is treated as unset so it can never take publishing offline
    • Optional Arabic fields fall back to English, and past-dated items archive themselves
    • Editor sign-in through a small self-hosted relay, with a written guide for adding, archiving and removing items and uploading images
    Formats:
    • Web admin
    • Git-based CMS
    Languages:
    • English
    • Arabic
  4. D-04

    Enquiry and conversion features

    More visitors become conversations, and the owner can see which links bring traffic without adding tracking cookies.

    What is inside
    • A floating WhatsApp button whose pre-filled message is in the visitor's language and names the page they came from
    • A contact or booking form that reaches the client's inbox through a form relay with no server of its own, a spam trap and a consent line
    • Newsletter and waitlist capture
    • A countdown to the next date
    • Add-to-calendar as a downloadable file plus a Google Calendar link, in the reader's language
    • Campaign tags on outbound links so referrals can be attributed without tracking cookies
    Formats:
    • Script islands
    • Calendar files
    Languages:
    • English
    • Arabic
  5. D-05

    Search and social-sharing foundation

    Search engines index the right language version, and the site looks right when shared on WhatsApp or social media.

    What is inside
    • Canonical URLs and language alternates (English, Arabic, default) that agree with the canonicals
    • A multilingual sitemap and a robots file
    • Social share cards with locale tags, a default share image and per-item share images generated automatically
    • Structured data for the organisation, for dated items such as events or offers, and for FAQ pages
    • An RSS feed for dated content
    Formats:
    • Sitemap
    • Share cards
    Languages:
    • English
    • Arabic
  6. D-06

    Light and dark themes on the brand palette

    The site looks deliberate in either mode, and text stays readable for every visitor.

    What is inside
    • A header toggle that remembers the visitor’s choice and otherwise follows the device, with no flash of the wrong theme on load
    • Theme colours defined once, as design tokens
    • Contrast computed for every text, badge and button in both themes, and fixed wherever it fails WCAG AA
    Formats:
    • Design tokens
  7. D-07

    Brand assets for the web

    Logos stay crisp and consistent in every theme and size, and one command rebuilds them when the logo changes.

    What is inside
    • Scripts that regenerate web assets from the client's logo artwork: transparent wordmarks for each theme, a logo for structured data, and the default share image
    • QR codes, in PNG and SVG, pointing to the site
    • The brand guide's palette, type and logo rules applied across the site
    Formats:
    • WebP
    • PNG
    • JPG
    • SVG
  8. D-08

    Hosting, release and running

    A secure, fast site that is checked after every release, without hiring an operations person.

    What is inside
    • A containerised web server behind a reverse proxy with automatic certificates; www redirects to the bare domain
    • Security headers on every route, compression, and long-term caching of fingerprinted files
    • A preview site marked not-for-indexing
    • Releases go preview, then review, then promote exactly what was reviewed
    • Every deploy checked for status codes, redirects and the absence of no-index tags on production
    • A domain set-up guide, and the option to hand the site to a managed static host
    Formats:
    • Containers
    • Deploy scripts
  9. D-09

    Website audit and refresh proposal

    A clear view of what is weak about the current site, what to fix first against a deadline, and what it will take.

    Status: Evidenced as a proposal only — we say refresh proposals, never refreshes delivered.

    What is inside
    • An assessment of the existing site that ends in a findings table, each finding with its impact
    • Typical findings: thin key pages, a missing language version, too little proof of track record, outdated content, contact details that differ from page to page, missing search basics or structured data
    • A phased scope — an urgent phase against the deadline, then a completion phase — set out line by line
    • What the client must supply: logo files, photos or a photo session, approved facts and figures, access to hosting and the domain, and one approver
    • Closing terms: validity, staged payment, a post-delivery fix warranty, and migration excluded unless agreed
    Formats:
    • PDF
    Languages:
    • Arabic
    • English
  10. D-10

    Handover documentation

    The client can run the site, and so can any future developer.

    What is inside
    • A README covering set-up, adding content, forms and the domain
    • A guide to the no-code editor
    • A plain-language start/stop guide for a non-technical owner
    • A phased roadmap that marks the items only the client can do — keys, DNS, a native-speaker review
    Formats:
    • Documents
02How it runs

Built static, released with discipline

The same six steps for a new site or a refresh. Each one leaves something you can read, test or sign.

  1. Start from your own words

    Arabic you supply is used as written and English is translated from it; where we draft the Arabic ourselves, a native speaker reviews it before launch.

    Reviewed bilingual copy
  2. Check the positioning

    We check that the content matches the real business, not a guess, and re-frame it where the source material points to a different audience.

    Confirmed positioning
  3. Build static, and keep content in one place

    Almost no client-side JavaScript, self-hosted fonts and no third-party requests unless you opt in — one string dictionary, one structured content file, one shared page body for both languages, and a build check for any page missing in either.

    The static build
  4. Ship with placeholders tracked

    Contact details, photos and form keys still on the way are clearly marked and tracked on a launch checklist, so launch does not wait on assets that have not arrived.

    Launch checklist
  5. Preview, review, then promote

    Every deploy goes preview, then review, then promote exactly what was reviewed, and is checked afterwards; significant changes go through a hostile review first, with every confirmed issue fixed.

    A verified release
  6. Audit after launch, in both directions

    Performance, accessibility, best-practice and search audits, plus a site-wide check for problems such as an Arabic link landing on an English page; contrast is computed for every colour pair in both themes and every layout is checked in both directions.

    Post-launch audit
03What sets the work apart

Proof you can check, not promises

What a technical reviewer can check on the first look at the site itself.

  • Arabic is engineered, not just translated

    Tabular Arabic-Indic digits, the Arabic comma, isolated Latin words, a paired Arabic display face, letter-spacing reset so letters join, and calendar entries in the reader’s own language.

  • Small sites get production-grade care

    A content schema that can never take publishing offline, security headers repeated on every route, and language and canonical tags that agree with each other.

  • An editor with no database

    The repository is the storage, the backup and the audit trail, and every change publishes itself.

  • Private by default

    Self-hosted fonts and no tracking unless you ask for privacy-friendly analytics.

  • Built to grow

    A sub-brand section can move to its own domain later without a rebuild.

  • Release discipline

    Preview, review, then promote exactly what was reviewed, with automatic checks run afterwards.

04What it looks like

The documents behind the site

Sample structures of three deliverables — drawn as shapes, with the sections each one really has. No client material.

  • Handover documentation

    Specimen
    1. Set-up, forms and the domain
    2. Adding and editing content
    3. Start/stop guide for the owner
    4. What only the client can do
    Sample structure — no client material Detail withheld
  • Website audit findings

    Specimen
    1. Finding
    2. Impact
    3. Phase
    4. Status
    Sample structure — no client material
  • Release pipeline

    Specimen
    1. Preview
    2. Review
    3. Promote
    4. Live
    Sample structure — no client material
05In both languages

Two real editions, not a mirrored one

The site is not translated after the fact: the Arabic edition is written and laid out for right-to-left from the first commit, page for page with the English one.

  • Bilingual marketing website English

    Specimen
    1. Home
    2. About
    3. Services
    4. Contact
    Sample structure — no client material Detail withheld
  • موقع تعريفي ثنائي اللغة Arabic

    نموذج
    1. الرئيسية
    2. من نحن
    3. الخدمات
    4. تواصلوا معنا
    هيكل نموذجي، دون أي مواد لعملاء تفاصيل محجوبة
07Questions decision-makers ask

Before you commit

Straight answers to what a decision-maker asks about a new or refreshed site.

Do you build in Arabic and English?

Yes, and both are first-class. Every page exists in both languages with a true right-to-left Arabic layout, Arabic fonts and numerals, and a switcher that keeps visitors on the same page.

Can our team update the site without a developer?

Yes, where content changes often — events, listings, news. A visual editor saves your changes and the site republishes itself. Every change is recorded and can be undone.

We already have a website. Can you improve it rather than start over?

Yes. We audit it, list each problem with its impact, and propose a phased refresh: what to fix first against your deadline, what can follow, and exactly what we need from you.

Will it show up properly on Google and when shared on WhatsApp?

Every site ships with the search foundations: the right language version for search engines, a sitemap, structured data and share cards for social apps. We do not promise rankings.

Can you host and run it — and will it track our visitors?

We can host it with HTTPS, security headers, a preview address for reviewing changes, and checks after every release, or hand it over to be hosted elsewhere. There is no tracking by default; privacy-friendly analytics are optional.

What do you need from us?

Your text in Arabic or English, logo files, photos (or a photo session), the facts and figures you approve for publication, access to your domain, and one person who approves the content.

What if some of our content or photos are not ready yet?

Launch does not wait on them. Placeholders for contact details, photos and form keys are clearly marked and tracked on a launch checklist until your assets arrive.

08Scope and confidentiality

Who it is for, and in what form

  • Gulf and UAE companies that need an Arabic and English web presence with real right-to-left quality
  • Groups with several brands or divisions that want one site now and room to split later
  • Businesses whose content changes often (events, listings, news) and who want to edit it without a developer
  • Established companies whose website no longer reflects their size or offer — especially before a bid, a tender or a partnership review
  • Small and mid-size businesses that want a fast, secure site hosted and run for them

Arabic and English on every page, with a true right-to-left layout and a switcher that keeps the visitor on the same page.

Static HTML sites built with Astro, TypeScript and Tailwind CSS, a Git-based content editor, PDF proposals and handover documents, and container stacks for hosting.

Client work stays confidential. We do not publish client documents or name clients without their permission.

Start the conversation

Tell us about the site you need

Your email or WhatsApp opens with a message that already names this service. Answer what you can — a few lines are enough to start.

Which service is it about?
Your message S-02
To
colorsx74@hotmail.com
Subject
Enquiry: Websites & digital presence (S-02)
Message
Hello ColorsX74, We would like to talk about Websites & digital presence (S-02). A few details: - What the site needs to say, and the language we can supply it in: - Whether our content changes often, and who would update it: - What we have today — an existing site, logo and photos, or none yet: - Timing: From the page: https://colorsx74.com/services/websites

Your email app or WhatsApp opens with this message filled in. Nothing is sent until you press send, and you can change anything first.