Dapson

DigitalClan

Website design for an AI-first creative agency

DigitalClan website: home page hero, works, testimonials and the giant wordmark

Overview

DigitalClan is an AI-first agency where strategy, design and code come together to help businesses build intelligent systems. I designed their website end to end: a bold, editorial experience across the home, about, case studies and blog pages, in both dark and light mode, with a fully responsive mobile version. The site is now live.

View website

Role

Web Designer

Type

Website · Creative & AI agency

Themes

Dark & light mode

Year

2025

The challenge

DigitalClan needed a website that felt as bold and intelligent as the brands they build. It had to explain an AI-first offer without sounding cold, prove results through real work and client voices, and give visitors a clear reason to start a conversation, all while working just as well in dark and light mode, on any screen.

DigitalClan home page hero: “Strategy, so you move with purpose”

The goal

The website had to do more than look good. It needed to position DigitalClan clearly and turn visitors into conversations.

Position DigitalClan as an AI-first creative partner, not just another web agency.

Make services, process and work easy to scan, so the offer is clear in seconds.

Build trust with selected work, stats and client testimonials.

Turn interest into action with clear “Get in touch” moments throughout.

What We Do: six numbered services from research and strategy to AI-powered solutions

Design direction

An editorial, confident look with lots of contrast. Oversized type and a giant wordmark give the brand real presence, while a restrained palette lets one bright accent do the heavy lifting. Real photography and image-led case studies keep it human and balance the AI-first story.

Dark mode leads, with near-black surfaces that make the yellow accent glow.

Light mode mirrors every page, so the brand works in any context.

A strict grid, generous spacing and numbered sections make long pages easy to follow.

Colour

A near-black base, crisp white and one signal yellow. Yellow is reserved for emphasis (key words in headlines, primary buttons and section labels) so the eye always knows where to go. A deep navy adds depth to dark surfaces.

DigitalClan wordmark and colour palette: Signal Yellow, Midnight, Carbon, Deep Navy, Slate and White (1 of 2)
DigitalClan wordmark and colour palette: Signal Yellow, Midnight, Carbon, Deep Navy, Slate and White (2 of 2)

Typography

Plus Jakarta Sans gives headlines a geometric, modern confidence that scales from the giant wordmark down to section titles. DM Sans and Manrope handle body copy and UI details, keeping long pages comfortable to read.

Plus Jakarta Sans type specimen with DM Sans and Manrope for body and UI

Home page

The home page tells the story in order: a bold hero, who they are, how they work, what they do, selected work, client voices and the latest thinking, ending with a giant wordmark footer.

Home page sections: who we are and our works
Client testimonials and the dark home page hero (1 of 2)
Client testimonials and the dark home page hero (2 of 2)
The latest thinking and the giant wordmark footer

Light mode

Every page has a light-mode twin built from the same grid and components. Switching themes changes the surface, not the structure, so the brand feels consistent in any setting.

A blog article page in light mode
Client voices, latest thinking and how they work, in light mode (1 of 2)
Client voices, latest thinking and how they work, in light mode (2 of 2)

About

The about page talks more about the agency and introduces the team and their story.

About page hero: “We help organisations think smarter”
Who we are and meet the team (1 of 2)
Who we are and meet the team (2 of 2)
Case studies page
Case study pages in light and dark mode (1 of 2)
Case study pages in light and dark mode (2 of 2)
A blog article page in dark mode
Contact page in dark and light mode (1 of 2)
Contact page in dark and light mode (2 of 2)

The outcome

The new website is live. It gives DigitalClan a confident, distinctive presence that explains their AI-first offer clearly, shows their work at its best and makes it easy for the right clients to get in touch, in dark or light mode, on any screen.

View live website ↗

More Works

Have an idea worth building?

Whether you're building something new, improving an existing product, or looking for a design partner who thinks beyond the interface, I'd love to hear about it.

Product thinking
Visual design
Web design
Design systems
Interaction design
Improving UX
AI-assisted building
User research
Accessibility
Prototyping
Brand design