Skip to content
Open the CMS

One kit for every Datum site

Themes, shared parts and CMS screens. Change the theme file and the whole site changes, in English and Arabic, light and dark.

Pages in both languages

12 still need an Arabic translation

128/140
Waiting for SEO review
7
3 fewer than last week
Locked media
2
Only admins can change these

Foundations

Every colour, font, corner and shadow is a role. A theme sets the roles and the parts only read them, so nothing is repainted by hand.

Colour roles

These swatches read the live values. Switch the theme or the mode above and watch them change.

Type

--font-heading

Headings are set in the heading font

--font-body

Body text is easy to read at length. It keeps a comfortable line length, a calm rhythm and enough space between lines, whatever the theme.

--font-heading-ar · --font-body-ar

العناوين العربية بخط تجوّل

النص العربي له خطه وارتفاع سطره الخاصان، دون أي تباعد بين الحروف حتى لا تنفصل. تجرّب القراءة الطويلة هنا لترى الإيقاع.

--font-number · Numbers use their own font
1,284 / 2,000

Corners, depth and space

--radius-xs
--radius-sm
--radius-md
--radius-lg
--radius-button
--shadow-1
--shadow-2
--shadow-3
--space-1
--space-2
--space-3
--space-4
--space-5
--space-6
--space-7
--space-8

Backgrounds

White band

kit-surface-light

Black band

kit-surface-dark

Brand-colour band

kit-surface-primary

Add one class to a section and everything inside follows: text, borders, cards and buttons.

Components

Plain HTML and CSS. Each part reads only the roles above, and works in English and Arabic from the same files.

Buttons

Forms

Shown at the top of the page.

0 / 60

Aim for 30 to 60 characters.

Enter a title before publishing.

Tables

Languages Actions
A guide to pricing plans/blog/pricing-plans
ENAR
Published 14 Oct 2026
How online tracking works/blog/online-tracking
ENAR
Needs review 09 Oct 2026
Meet the support team/blog/support-team
ENAR
Draft 02 Oct 2026
ENAR
Scheduled 28 Sep 2026
Spring update: what changed/news/spring-update
ENAR
Archived 11 Sep 2026
Showing 5 of 46 posts

Cards, numbers and progress

Pages in both languages
128/140
Waiting for SEO review
7
3 fewer than last week
ENAR
No posts yet Create the first post and it will show up here.

Status and alerts

Draft Scheduled Published Needs review Archived AR
Arabic and English fields are saved together.

Fill in both languages before you publish.

Published

The page is live and the sitemap was updated.

Missing image description

Add alt text to 2 images, or mark them as decorative.

Locked: admin only

The hero video is designed motion. Ask a developer to change it.

Popups, menus and tabs

English fields run left to right.

Partner logos

Partner logos always use one colour, so a mixed set of logos still looks like one family.

Header and footer

Two header styles and a footer that takes any background. A theme changes how they look; the markup stays the same.

Bar header

Floating header

Compact footer

Delete this post?

It will be removed from the website. This cannot be undone.