Corporate websiteLive
neptay.com
Our corporate website — media, technology and client services in one system, in ten languages and two colour modes.
Inside the work
A look at the system.
The home page in light and dark mode, the brand palette, the type ramp and the ten languages the site ships in.
Overview
Our website is the first thing clients and partners see. It presents every part of Neptay to the standard we bring to client work.
The brief
- Problem
- Present a media and technology company — two divisions and a client-services practice — as one clear, credible brand.
- Constraint
- Ten languages, one of them right to left, and two colour modes.
- Answer
- A token-based design system: one palette, big type, grey panels and a single yellow marker.
Neptay Media & Technology Services is a media and technology company. The site presents two divisions and a client-services practice as one clear brand.
The design system is built on the brand palette: two light neutrals, two dark tones and a single yellow accent. One set of tokens drives a light default and a dark mode, and every interface on the site is drawn in code, so it stays in step with the product.
The site ships in ten languages from one content layer, including Japanese and right-to-left Arabic. Layouts use logical properties, so they mirror cleanly; routing, metadata, hreflang and structured data are locale-aware on every page.
Approach
Three principles, held the whole way through.
Type does the work
Large, tight headlines and calm, muted leads. One headline in two tones carries the idea and its context. No icon does a job that type can do.
One accent, used as a marker
The brand yellow marks actions and emphasis — a button, a highlighted phrase, a small square. Everything else is ink, grey panels and hairlines, in both light and dark mode.
Motion confirms, never performs
Content rises into place on first sight, tiles lift on hover, and every animation stops when the visitor prefers reduced motion.
Outcomes
What it delivers.
Localisation
10languages
English, Turkish, German, Spanish, French, Portuguese, Russian, Arabic, Japanese and Chinese — with hreflang on every page.
Layout
Left to right and right to left
Arabic mirrors the whole layout through logical properties, not a separate stylesheet.
Colour
One palette, two modes
Five brand colours applied as tokens: a light default and a dark mode, switchable on every page.
System
One set of tokens
Every page, both colour modes and all ten languages share one set of design tokens.
Stack
- Next.js 15
- React 19
- TypeScript
- CSS design tokens
- Geist
- Vercel