Let's talk

Our brand system

When darkness isn't just a phase

Animated dark mode control

We didn't wake up one day and decide to put a dark theme on everything. This was calculated, intentional and maybe even a little stubborn.

When you're building an identity for a creative studio that's also highly technical, you don't need to shout or chase whatever is trending this week. You need to be deliberate.

We built everything around clarity, focus and confidence: the kind of studio that walks in, does exceptional work and walks out. No fanfare. Just precision.

Motivation Digital brand system showing the logo, typography, icons and colour palette

Why we chose the dark side

Going dark is harder than people think. Light themes are forgiving; white backgrounds hide a lot of sins. Dark is unforgiving. It demands precise contrast, strong hierarchy and restraint.

That difficulty is exactly the point. The dark foundation is a statement about how we work: bold, refined and obsessed with craft.

If we can make something work within the constraints of darkness, we can probably handle whatever challenge you throw at us.

The philosophy

This isn't about being moody or mysterious for the sake of it. The dark theme reflects a commitment to intentional design that speaks through precision rather than volume.

It is confident enough to exist in the shadows and still command attention: design that doesn't need to be the loudest voice in the room to be heard.

Motivation Digital responsive brand board with a mobile page mockup

Photography: black and white only

We made a rule early on: all photography is black and white. No exceptions.

When colour is stripped from images, people and work become the focus while the brand colours do their job in the interface. It keeps the system consistent and makes every colour choice feel purposeful.

Black-and-white team photography within the Motivation Digital website

Colour palette

Our palette is not trying to do everything. Each colour has a job, and nothing is there just to look pretty.

Together, the colours feel modern and alive against the dark backdrop: functional, memorable and unmistakably ours.

Primary Dark

#141414

The foundation. Confident, minimal, and the reason everything else pops.

Accent Green

#6FCF97

Fresh energy for positive interactions and moments of success.

Highlight Blue

#8CAECC

Calm and balanced. It adds professionalism and guides the eye.

Action Red

#FF6A6A

Impossible to ignore. Reserved for alerts, focus points and high-emphasis moments.

Warm Gold

#F3D47B

Subtle warmth, personality and optimism when the experience needs it.

Motivation Digital colour palette swatches with print and digital values

Typeface

One typeface: Roboto. It is clean, modern and highly legible, especially on dark backgrounds. Its geometric forms keep things sharp while balanced proportions make it approachable rather than cold.

  • Headings and statements: bold or medium for structure and confidence.
  • Body and details: regular for comfortable, clear reading.
  • Hierarchy: built through weight and spacing, not decoration.
Roboto typography scale and text colour system

The logo

Our logo follows the same philosophy: minimal form, meaningful detail and clean type that is direct and balanced. No unnecessary flourishes.

The small red dot at the top right represents the moment of creation, like a record light turning on. It is also a nod to Studio, our built-in video-call platform. The dot transforms the logo from static to active: always creating, always live.

Animated Motivation Digital mark and wordmark variants
Motivation Digital logo usage, colour and spacing guide

Buttons and links

Interaction design follows the same principle: clarity first. Buttons are minimal, with subtle feedback that feels responsive without becoming distracting.

Colour guides action: green for positive flow, red for high-emphasis moments and gold for premium touches. Links stay clean, showing underlines on hover.

Buttons and links in the Motivation Digital interface system

Icons

The icon system uses light lines, geometric forms and a consistent weight.

Every icon is chosen or refined to match Roboto's rhythm: rounded corners, even proportions and balanced spacing. That keeps the brand cohesive from text to visuals.

Light-line icon system shown across desktop and mobile interfaces

Stylesheet and design system

We built a comprehensive stylesheet that keeps everything consistent without repeated decisions. Cards, navigation, colour applications and type choices flow from one system.

When a button style or spacing rule changes, it propagates everywhere. Components are defined once and applied consistently, maintaining visual coherence at scale while keeping the codebase clean.

Card, navigation and component patterns from the Motivation Digital design system

Dashboard experience

The dashboard is where everything comes together. It is personal, structured and visually calm, designed for creators who need both function and clarity.

A card-based system adapts to each workspace. Service cards, account menus and navigation modules feel tactile but minimal, while accent colours guide attention to what matters.

Motivation Digital dashboard interface with service cards and account navigation

Bringing it all together

Everything points toward the same idea: design that is clear, consistent and deliberate.

The dark foundation gives the system strength. Black-and-white imagery keeps attention where it belongs. Accent colours inject enough energy to make it feel alive.

It is a brand built to be at its best in the dark.

Ready to turn your idea into a global business?

Bring us the ambition. We will bring the clarity, design system and technical craft to make it real.

Let's talk