Concept demo by Xapprika

Sitemap and notes

Every page in this concept, what changed from digitalesmedia.com, and the brand tokens we propose. Front-end only: static content, no backend.

Pages

Nine pages, all designed

Pages in the demo, with their status and contents
Page	Path	Status	What is on it
Home	`/`	Designed	Ambient Saleem hero, royal honour band, featured work, live numbers, festival laurels, services, studio, press, finale
Saleem	`/saleem`	Designed	Flagship film page: facts, story, royal honour, credits, collaborators, every festival, poster, stills
Work	`/work`	Designed	The three studio-owned projects, plus work for brands and NGOs
Our Family Life	`/work/our-family-life`	Designed	The series, live channel figures (flagged for confirmation), frames, recognition, the parenting blog
Amal for Children	`/work/amal-for-children`	Designed	Trauma-informed approach, the map, compass and anchor, characters, click-to-load trailer
Services	`/services`	Designed	Six services with deliverables, the process, why Digitales, selected collaborators
About	`/about`	Designed	Story, values, founders, the team of twelve, studio life, recognition, press
Contact	`/contact`	Designed	Email, studio, socials, and a validated demo form that sends nothing
Sitemap	`/sitemap`	Designed	This page: pages, changes and proposed tokens

Works at the root of digitales-demo.xapprika.com and under /demos/digitales. Every page is set to noindex.

Compared with digitalesmedia.com

Numbers
Before
Broken counters: “0.03M fans”, “100B views”, “1 award”.
Now
Real public figures: 2.6M subscribers, 939M+ views, 15+ festivals and awards. Live channel figures carry their source and date, to be confirmed by Digitales.
Template leftovers
Before
A test.viewdemo.co link, a “Business Point Consulting” header and a “Lastest Events” heading.
Now
Removed. Every word on the site is about Digitales.
Services
Before
An image slider with file names as captions.
Now
Six real services, each with one line, three deliverables and proof from the studio’s own work.
Page titles
Before
A horse emoji in every title.
Now
Plain, consistent titles: “Saleem · Digitales”.
Footer
Before
© 2020.
Now
© 2026, with the registered company name in English and Arabic.
What leads
Before
The strongest proof was easy to miss.
Now
Saleem and the royal honour open the homepage; the series, the impact project and the services follow, in that order.
Accessibility and performance
Before
Page-builder defaults.
Now
Landmarks, a skip link, visible focus, labelled fields with inline errors, AA contrast and reduced-motion support. Responsive WebP images, lazy below the fold, and video only where it earns its place.

Brand

Derived from the logo, the current site and the Saleem artwork. A starting point for a conversation with the founders.

Proposed, no brand guide supplied. Nothing here is an official Digitales standard yet.

--ink#0E2A33Deep petrol. Text on paper, dark sections.On paper 13.5:1 · AA text
--teal-900#0F4E5CDeep teal. Panels on dark.On paper 8.3:1 · AA text
--teal#17677ALogo “digi”. Kickers, links, focus on light.On paper 5.8:1 · AA text
--teal-300#2F94A8Logo “tales”. Large type and lines only.On paper 3.2:1 · AA large text only
--sun#F6C21BDigitales yellow. Primary CTAs, focus on dark. Sparingly.Ink on it 9.1:1 · AA text
--terracotta#C8643BFrom Saleem’s village and truck. Map path, X mark, large accents.On paper 3.5:1 · AA large text only
--terracotta-ink#A34B27Text-safe terracotta for small type and errors.On paper 5.2:1 · AA text
--olive#6E7D4AFrom the hills. Illustration and dividers.On paper 4.0:1 · AA large text only
--paper#F7F2E9Warm cream page background, with a faint grain.Ink on it 13.5:1 · AA text
--paper-2#EFE7D8A step darker for bands and the form.Ink on it 12.2:1 · AA text

Fraunces

Display · a soft storybook serif with optical-size and SOFT axes

Inter Tight

Body and UI, and the wordmark · compact and quiet under the serif

Noto Kufi Arabic

Arabic accents only: show names and the company name

حياة عيلتنا

Hero--step-heroclamp(3rem, 7vw, 7.5rem) · Fraunces 380 · SOFT 100Stories that grow up
Heading 2--step-h2clamp(2.375rem, 4.6vw, 4.5rem) · Fraunces 380–420Festival-grade craft
Heading 3--step-h3clamp(1.75rem, 2.6vw, 2.5rem) · Fraunces 400The Map, The Compass, and The Anchor
Lead--step-leadclamp(1.125rem, 1.35vw, 1.3125rem) · Inter Tight 400An animation studio from Amman, making films, series and digital stories.
Body--step-body1.0625rem / 1.55 · Inter Tight 400Producers, writers, artists, animators, filmmakers and social-media specialists, working side by side.