Homepage design — review & lock direction

Two creative directions for the Dtec homepage. Pick the one we build.

Both options were designed against the same sitemap and content. They're functional homepages — animations, hover states, the orb, scroll reveals all run live so you can experience the difference, not just see it. Click each card to open the full homepage.

Direction 1 · Futuristic

Direction 1

Futuristic / tech-forward

Dark "control panel" feel — animated ecosystem orb, live news ticker, glass-morphism pillars with 3D tilt, magnetic CTAs, mouse-follow aurora, kinetic motion across the experience.

Dark surfaces Animated orb Live ticker Glass cards Tilt + parallax Sans display type

Open Direction 1

Direction 2 · Editorial

Direction 2

Editorial / institutional

DSO/DIEZ-inspired magazine cover treatment — full-bleed cinematic hero, serif headlines, numbered "Chapters", alternating image-text rows, pull quote, photo-led editorial lists. Quieter motion, mature gravitas.

Photo-led Serif headlines Numbered chapters Pull quote Editorial lists White + navy + cyan

Open Direction 2

Direction comparison

	Direction 1 — Futuristic	Direction 2 — Editorial
Mood	Tech-forward, ambient, high-energy	Mature, institutional, photo-led
Hero	Split: type left + animated ecosystem orb right, dark surface	Full-bleed Dubai photo with serif headline overlay
Typography	Space Grotesk display, sans throughout	Fraunces serif display, Manrope/Inter body
Section pattern	Grid layouts, glass cards, dark/light alternation	Single-column "chapters", alternating image-text rows
Motion	Constant — orb, ticker, marquee, tilt, parallax, magnetic buttons	Restrained — scroll reveals, image parallax, marquee
Imagery	Photos + animated SVG visualisation	Photo-first, full-bleed cinematic breaks
Closest reference	Linear / Stripe / NVIDIA dev docs	DSO.ae / DIEZ.ae / brand magazine