zeus.com.cy

• 01

  Brand from the logo

  The existing ROYALZEUS logo is used exactly as it is. The gold, the Roman capitals and the diamond marks across the site are all taken from it.

• 02

  Two themes, one identity

  Light and dark follow the visitor’s device, with a switch in the header. The logo always sits on a dark plate, so it reads correctly in both.

• 03

  Live product data

  Numbers, features, releases and screens for ZEUS Finance are read from the file ZEUS Finance publishes on every release, so they never go stale.

• 04

  Mobile first

  Every section is composed for a phone first, with touch-sized controls, a full-screen menu and swipeable screen galleries.

• 05

  Accessible by default

  Semantic structure, a skip link, keyboard navigation, visible focus, reduced-motion support and colour pairs that meet WCAG AA in both themes.

• 06

  Private and fast

  Statically rendered pages, self-hosted fonts and no cookies, analytics or third-party trackers.

• /Home — services, live product status, selected work, process
• /aboutThe company, its principles and leadership
• /servicesSoftware development and digital media, each with its own page
• /workSelected work, with an in-depth analysis of each project
• /contactDirect details and a validated contact form
• /privacy-policy · /terms-of-serviceLegal pages written for what the site actually does

Measured on the production build on 22 October 2026, across the main pages; cumulative layout shift 0. Automated tests check every page in both themes for search metadata, a single main heading, horizontal overflow and accessibility (axe-core, WCAG 2.1 AA), and cover redirects, the menu and the contact form.

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS 4
• next/font (self-hosted)
• Playwright
• axe-core
• Vercel

No UI kit and no animation library: reveals, the theme switch, the back-to-top progress ring and the live data layer are a few small components written for this site.