The Dark Side

Where aesthetics meet comfort

The Dark Side

Thoughts
Seyi Owolawi
a small studio
By 
October 9, 2024

Welcome to the dark side, where your designs shine a little brighter. Dark mode is the sleek, casually rebellious cousin of the traditional bright, airy user interface. What started as a feature for night owls and developers burning the midnight oil has become a design staple for nearly everyone, especially the younger generation. If you’ve spent time on Twitter (now X), Instagram, or TikTok, you’ve probably noticed one thing, the platforms are catering more to their Gen Z audience with dark mode, and they’re not switching back anytime soon. And if you ask any of the gifted Gen Z designers at a small studio, all of them are permanently in dark mode across devices.

For designers, this shift isn’t just a trend, it’s a tectonic move in how we need to approach our craft.

Let’s explore why Gen Z has made dark mode their default and what brands should consider when deciding if it’s time to embrace the dark side.

Gen Z, the digital natives who were practically raised with a screen in hand, view dark mode as the norm. In fact, research shows that over 80% of Gen Z users stick to dark mode once they’ve switched, hardly looking back. But why?

  1. Eye Comfort and Health: Dark mode is easier on the eyes, especially in low-light settings. With Gen Z spending upwards of 10 hours a day across devices, the reduced strain dark mode offers can make a noticeable difference. The harsh glare of a white background can cause discomfort, especially at night, when many of us are doom-scrolling in bed (you know who you are).
  2. Aesthetic Appeal: Gen Z’s design tastes lean towards the sleek and minimal, and dark mode perfectly fits this aesthetic. It’s modern, understated, and in many ways, more visually striking than traditional light themes. The contrast of bright colors, bold typography, and vibrant images against a dark background creates an undeniably cool vibe.
  3. Battery Efficiency: Battery life is another practical reason why Gen Z sticks with dark mode. On OLED screens, which are common in newer smartphones, dark mode can actually save battery by turning off the pixels in black areas. For a generation that’s constantly on the go, saving those precious extra minutes of battery life is a big deal.
  4. Feels Personal and Customizable: Dark mode, to many Gen Z users, feels more personal. It’s not just about aesthetics or battery life; it’s about having control over their experience. Customization is key to this generation, and choosing dark mode feels like a way to make their devices their own.

For designers and brands, dark mode isn’t just a passing phase, it’s a fundamental shift in how we approach UI/UX design. But jumping on the dark mode bandwagon isn’t as simple as flipping a color palette. Dark mode comes with its own set of challenges and opportunities.

In dark mode, contrast becomes the main player. Colors that pop on a light background can feel muted or muddy on a dark canvas. High contrast is essential for readability and accessibility, but it’s also key to making sure your designs remain visually striking. Consider how your brand colors interact with dark backgrounds.

If your palette relies heavily on dark tones, you may need to introduce lighter, brighter accents to maintain balance.

Certain colors, particularly mid-tones like grays and muted pastels, can lose their punch in dark mode. What might appear sleek and minimal in light mode can look dull and flat when placed against a dark background. Test your designs across light and dark modes to ensure your visuals don’t lose their impact.

Light-colored text on a dark background can feel like it’s jumping off the screen, which is great for making a bold statement, but it can quickly become overwhelming if not handled carefully. Go too light with the font weight, and readability suffers. Go too heavy, and the design feels clunky.

Brands must strike the right balance in font weight and size to ensure text is readable and visually appealing.

In light mode, subtle shadows and gradients can add depth and nuance to a design. But in dark mode, these elements often disappear or feel out of place. Designers need to focus on flat designs, bold lines, and clean layouts to make the most out of dark mode. Depth is created more through contrast than visual effects like shadows.

Should Your Brand Go Dark?Now comes the million-dollar question: should your brand fully embrace dark mode? The answer is more nuanced than you might think.

  1. Know Your Audience: Gen Z? Absolutely. If your brand is targeting younger, tech-savvy users, dark mode should definitely be on your radar. This generation not only prefers dark mode, they expect it. In fact, brands that don’t offer dark mode options can seem outdated or out of touch with their preferences.
  2. Consider the Experience: If your brand’s app or website involves long reading times or intensive visual engagement (think news apps, social media, or e-commerce platforms), dark mode can enhance user comfort and extend their browsing session. However, for brands that rely on highly detailed or brightly colored visuals, like fashion or food, you might need to carefully tweak your dark mode design to maintain vibrancy.
  3. Think About Your Brand Identity: Not all brands are a natural fit for dark mode. If your brand identity is rooted in light, bright, and airy aesthetics, fully embracing dark mode could feel inauthentic. However, offering it as an option, rather than the default, can be a way to please dark mode lovers without compromising your core brand look.
  4. Test, Adapt, and Test Again: The best designs are flexible. Just as we design responsive layouts for different devices, we need to design for different modes. That means testing your brand’s visual identity in both light and dark modes and adapting accordingly. The goal isn’t to create two separate experiences but a cohesive one that works seamlessly across both environments.
Dark mode is a shift in user behavior, and it’s here to stay.

Understanding why Gen Z has made dark mode their default for brands and designers is crucial in adapting your design strategy. Dark mode offers a way to create bold, modern experiences, but it also requires thoughtful execution to ensure your brand’s identity and message shine through.

As with any design decision, the key is balance. The dark side can be sleek, chic, and incredibly cool, but only if it’s done right. Just like Gen Z has chosen to stick with dark mode, your brand can thrive in it too with the right approach. You can know more about the Gen Z vibe, from our last article.

Ready to take your brand to the dark side with authenticity? We specialize in crafting experiences that work in light and the dark. Let’s start some small talk about a digital identity that shines, no matter the mode.

a-nation-of-anxiety

A Nation of Anxiety

Take a deep breath

Read the Article
a-nation-of-anxiety

A Nation of Anxiety

Take a deep breath

ma

The Space Between

Read the Article
ma

The Space Between

vitamins-vs-painkillers

Vitamins vs Painkillers

Are you a nice-to-have or an essential?

Read the Article
vitamins-vs-painkillers

Vitamins vs Painkillers

Are you a nice-to-have or an essential?

7-years-of-designing-for-peace

7 Years of Designing for Peace!

A poem by John B. Johnson

Read the Article
7-years-of-designing-for-peace

7 Years of Designing for Peace!

A poem by John B. Johnson

the-dark-side

The Dark Side

Where aesthetics meet comfort

Read the Article
the-dark-side

The Dark Side

Where aesthetics meet comfort

is-gen-z-lazy

Is Gen-Z Lazy?

or Are You Just Basic?

Read the Article
is-gen-z-lazy

Is Gen-Z Lazy?

or Are You Just Basic?

a-classic-return-the-balenciaga-effect

A Classic Return: The Balenciaga Effect

Is there a more creative solution than simply stripping everything down?

Read the Article
a-classic-return-the-balenciaga-effect

A Classic Return: The Balenciaga Effect

Is there a more creative solution than simply stripping everything down?

knock-knock-whos-there

Knock-Knock: Who's there?

The never ending quest for identity

Read the Article
knock-knock-whos-there

Knock-Knock: Who's there?

The never ending quest for identity

chemistry

Chemistry

The Science of Creative Success

Read the Article
chemistry

Chemistry

The Science of Creative Success

4-is-enough

4 is Enough

A four-day workweek works

Read the Article
4-is-enough

4 is Enough

A four-day workweek works

no

No!

Why this one word is complete by design.

Read the Article
no

No!

Why this one word is complete by design.

bored-maker

Bored Maker!

Why leaning into boredom is inspirational

Read the Article
bored-maker

Bored Maker!

Why leaning into boredom is inspirational

2024-olympics

The 2024 Olympics

A Brand Designer's Medal Ceremony

Read the Article
2024-olympics

The 2024 Olympics

A Brand Designer's Medal Ceremony

the-power-of-play

The Power of Play

The benefits of embracing your childlike wonder

Read the Article
the-power-of-play

The Power of Play

The benefits of embracing your childlike wonder

connecting-you-for-more

Connecting You For More

Owning the champion mindset that fights to win for the residents of Cleveland.

Read the Article
connecting-you-for-more

Connecting You For More

Owning the champion mindset that fights to win for the residents of Cleveland.

time-to-choose-a-side

Time To Choose a Side

FPO

Read the Article
time-to-choose-a-side

Time To Choose a Side

FPO

the-art-of-craft

The Art of Craft

How a little bit of you goes a long way

Read the Article
the-art-of-craft

The Art of Craft

How a little bit of you goes a long way

design-is-a-commodity

Design is a Commodity

Your identity is your most valuable asset.

Read the Article
design-is-a-commodity

Design is a Commodity

Your identity is your most valuable asset.

music-that-tastes-good

Music that tastes good

Thrill your senses

Read the Article
music-that-tastes-good

Music that tastes good

Thrill your senses

ice-breakers-are-whack

Ice Breakers are Whack

Winter is coming

Read the Article
ice-breakers-are-whack

Ice Breakers are Whack

Winter is coming

we-wont-just-do-it

We won't Just do it!

a small mantra

Read the Article
we-wont-just-do-it

We won't Just do it!

a small mantra

move-fast-and-break-things

Move fast and break things?

Rethinking the path to authenticity

Read the Article
move-fast-and-break-things

Move fast and break things?

Rethinking the path to authenticity

empowered-by-history

Empowered by History

Looking back intentionally to move forward

Read the Article
empowered-by-history

Empowered by History

Looking back intentionally to move forward

shine-like-an-emerging-creative

Shine like an emerging creative

The power of leaning into play

Read the Article
shine-like-an-emerging-creative

Shine like an emerging creative

The power of leaning into play

talk-yourself-up

Talk yourself up

Affirmations for successful living

Read the Article
talk-yourself-up

Talk yourself up

Affirmations for successful living

finding-happy

Finding Happy

Embracing a New path

Read the Article
finding-happy

Finding Happy

Embracing a New path

identity-mosaic

Identity Mosaic

Crafting a masterpiece in intentional bits

Read the Article
identity-mosaic

Identity Mosaic

Crafting a masterpiece in intentional bits

secret-weapon

The Brand Designer’s Secret Weapon

IdARCH completely bridges the gap between brand strategy and design.

Read the Article
secret-weapon

The Brand Designer’s Secret Weapon

IdARCH completely bridges the gap between brand strategy and design.

perish-the-thought

Perish the Thought!

Doubt is a mile wide, but only an inch deep.

Read the Article
perish-the-thought

Perish the Thought!

Doubt is a mile wide, but only an inch deep.

the-beauty-bias

The Beauty Bias

We've got a secret

Read the Article
the-beauty-bias

The Beauty Bias

We've got a secret

whats-your-anthem

What’s Your Anthem?

Every superhero has a theme song, and so should every creative.

Read the Article
whats-your-anthem

What’s Your Anthem?

Every superhero has a theme song, and so should every creative.

the-lonely-road

The Lonely Road

The path that makes all the difference

Read the Article
the-lonely-road

The Lonely Road

The path that makes all the difference

make-them-cry

Make them Cry!

The profound power of Clarity

Read the Article
make-them-cry

Make them Cry!

The profound power of Clarity

break-the-system

Break The System

The change we all need

Read the Article
break-the-system

Break The System

The change we all need

leading-through-cancer

Leading through Cancer!

A journey of transformation

Read the Article
leading-through-cancer

Leading through Cancer!

A journey of transformation

the-case-for-i-dont-know

The case for I don't know

You don't have to have it all figured out

Read the Article
the-case-for-i-dont-know

The case for I don't know

You don't have to have it all figured out

dodge-the-burn

Dodge the Burn

Using your passion as the compass for navigating career choices

Read the Article
dodge-the-burn

Dodge the Burn

Using your passion as the compass for navigating career choices

dang-it-its-been-a-year

Dang! It's been a year

A Journey of Design, Inspiration, and You!

Read the Article
dang-it-its-been-a-year

Dang! It's been a year

A Journey of Design, Inspiration, and You!

whats-in-a-name

What's in a name?

The first word of your story

Read the Article
whats-in-a-name

What's in a name?

The first word of your story

the-founders-dilemma

The Founder's Dilemma

The secret weapon most startup founders forget.

Read the Article
the-founders-dilemma

The Founder's Dilemma

The secret weapon most startup founders forget.

love-you

Love You!

Beyond the Work

Read the Article
love-you

Love You!

Beyond the Work

hiring-an-in-house-designer

Hiring an in-house designer

Management considerations

Read the Article
hiring-an-in-house-designer

Hiring an in-house designer

Management considerations

play-know-grow

Play. Know. Grow.

How we served the world the sporting life partner for people of colour.

Read the Article
play-know-grow

Play. Know. Grow.

How we served the world the sporting life partner for people of colour.

the-creative-operating-system

The Creative Operating System

The path to becoming one of none

Read the Article
the-creative-operating-system

The Creative Operating System

The path to becoming one of none

stay-peachy

Stay Peachy!

How the mood of the world, is captured in color.

Read the Article
stay-peachy

Stay Peachy!

How the mood of the world, is captured in color.

find-your-vibe

Find your Vibe!

Refreshing Identity Architecture to empower more partners

Read the Article
find-your-vibe

Find your Vibe!

Refreshing Identity Architecture to empower more partners

to-the-clouds

To the Clouds

Building with Sky-High Ambition

Read the Article
to-the-clouds

To the Clouds

Building with Sky-High Ambition

the-creative-assist

The Creative Assist

Trusting in others to win

Read the Article
the-creative-assist

The Creative Assist

Trusting in others to win

design-systems-matter

Design Systems Matter

The investment that improves efficiency and drives scalability

Read the Article
design-systems-matter

Design Systems Matter

The investment that improves efficiency and drives scalability

built-on-trust

Built on Trust

The intentional character trait that fuels legacies

Read the Article
built-on-trust

Built on Trust

The intentional character trait that fuels legacies

diversity-the-winning-mix

Diversity: The Winning Mix

How diverse perspectives deliver sustained innovation

Read the Article
diversity-the-winning-mix

Diversity: The Winning Mix

How diverse perspectives deliver sustained innovation

small-on-ai

Small on AI

Our standard of best practice on Generative AI

Read the Article
small-on-ai

Small on AI

Our standard of best practice on Generative AI

identity-over-data

Identity over Data

In a world obsessed with data, the most distinctive advantage comes from a deeper understanding of people.

Read the Article
identity-over-data

Identity over Data

In a world obsessed with data, the most distinctive advantage comes from a deeper understanding of people.

empathy-the-competitive-advantage

Empathy: The Competitive Advantage

Connecting with people for business impact

Read the Article
empathy-the-competitive-advantage

Empathy: The Competitive Advantage

Connecting with people for business impact

branding-on-purpose

Branding on Purpose

Building to mean more to consumers

Read the Article
branding-on-purpose

Branding on Purpose

Building to mean more to consumers

roi-by-design

ROI by Design

Building for growth, loyalty, and longevity!

Read the Article
roi-by-design

ROI by Design

Building for growth, loyalty, and longevity!

shaping-the-future-land-of-cleveland

Shaping the Future(LAND) of Cleveland

Helping Cleveland's Premiere Art & Tech Conference Thrive

Read the Article
shaping-the-future-land-of-cleveland

Shaping the Future(LAND) of Cleveland

Helping Cleveland's Premiere Art & Tech Conference Thrive

harmony-the-design-story

Harmony: The Design Story

The sum of our minds and gifts

Read the Article
harmony-the-design-story

Harmony: The Design Story

The sum of our minds and gifts

take-a-breather

Take a Breather

Because sometimes all you really need is to take a break

Read the Article
take-a-breather

Take a Breather

Because sometimes all you really need is to take a break

the-competitive-mindset

The Competitive Mindset

Bringing a competitive gaming mindset to business

Read the Article
the-competitive-mindset

The Competitive Mindset

Bringing a competitive gaming mindset to business

your-design-partner

Your Design Partner

Every brand deserves a partner who understands its rhythm

Read the Article
your-design-partner

Your Design Partner

Every brand deserves a partner who understands its rhythm

anyone-can-be-a-mentor

Anyone Can Be A Mentor!

Using mentorship to springboard others around you.

Read the Article
anyone-can-be-a-mentor

Anyone Can Be A Mentor!

Using mentorship to springboard others around you.

remote-collaboration

Remote Collaboration

How we build within to influence the world through design

Read the Article
remote-collaboration

Remote Collaboration

How we build within to influence the world through design

howl

A Whole New World to Social Commerce

Facilitating collaboration between brands and creators.

Read the Article
howl

A Whole New World to Social Commerce

Facilitating collaboration between brands and creators.

active-listening

Active Listening

Why we listen twice to speak once.

Read the Article
active-listening

Active Listening

Why we listen twice to speak once.

a-love-letter-to-design

A Love Letter to Design

If you think about it, designers are pretty much athletes

Read the Article
a-love-letter-to-design

A Love Letter to Design

If you think about it, designers are pretty much athletes

creative-checkup

Creative+Checkup

Our 2023 Summer Interns built something with the mission of empowering fellow creatives

Read the Article
creative-checkup

Creative+Checkup

Our 2023 Summer Interns built something with the mission of empowering fellow creatives

accessible-design

Accessible Design

It matters more than you know, so do it right!

Read the Article
accessible-design

Accessible Design

It matters more than you know, so do it right!

type-isnt-so-scary

Type Design isn't so Scary

The overwhelmingly beautiful process of creating a custom typeface

Read the Article
type-isnt-so-scary

Type Design isn't so Scary

The overwhelmingly beautiful process of creating a custom typeface

cyxtera2

Connecting Worlds of Data

Reflecting a seamless experience of the marriage between our physical space and digital portal.

Read the Article
cyxtera2

Connecting Worlds of Data

Reflecting a seamless experience of the marriage between our physical space and digital portal.

killer-folios

Killer Folios

Your portfolio is a secret weapon for success...

Read the Article
killer-folios

Killer Folios

Your portfolio is a secret weapon for success...

i-saved-it

I Saved it

The never ending quest for design assets...

Read the Article
i-saved-it

I Saved it

The never ending quest for design assets...

designed-to-lead

Designed to Lead

Why designers belong where critical business decisions are being made...

Read the Article
designed-to-lead

Designed to Lead

Why designers belong where critical business decisions are being made...

bring-peace

Bring Peace

Coming together to intentionally build the future...

Read the Article
bring-peace

Bring Peace

Coming together to intentionally build the future...

creative-fluency

Creative Fluency

How we combine the superpowers of Gen-Zs and millennials

Read the Article
creative-fluency

Creative Fluency

How we combine the superpowers of Gen-Zs and millennials

designers-are-scary-interviewing

Designers are Scary! Interviewing

A recap of the second edition of our amazing event, Designers are Scary!

Read the Article
designers-are-scary-interviewing

Designers are Scary! Interviewing

A recap of the second edition of our amazing event, Designers are Scary!

my-creative-marathon

My Creative Marathon

5 Marathon Training Lessons That Apply to Your Craft

Read the Article
my-creative-marathon

My Creative Marathon

5 Marathon Training Lessons That Apply to Your Craft

vulnerable-brilliance

Vulnerable Brilliance

Cultivating creativity and innovation for the long-term

Read the Article
vulnerable-brilliance

Vulnerable Brilliance

Cultivating creativity and innovation for the long-term

think-mobile

Think Mobile

Designing for the ultimate mobile experience? essential tips to keep in mind.

Read the Article
think-mobile

Think Mobile

Designing for the ultimate mobile experience? essential tips to keep in mind.

design-for-good

Design For Good

Design goes beyond looking good or being trendy...

Read the Article
design-for-good

Design For Good

Design goes beyond looking good or being trendy...

peridot

Explore the Adventurer within

Bridging the gap between the virtual and physical world, one adorable pet at a time.

Read the Article
peridot

Explore the Adventurer within

Bridging the gap between the virtual and physical world, one adorable pet at a time.

just-my-type

Just My Type

How typography helps you pass the vibe check

Read the Article
just-my-type

Just My Type

How typography helps you pass the vibe check

the-value-of-celebrating

The Value of Celebrating

Let’s do some high-fiving once in a while!

Read the Article
the-value-of-celebrating

The Value of Celebrating

Let’s do some high-fiving once in a while!

jbw2023

wunderbread

One week, one brilliant build to help you pass the daily vibe check.

Read the Article
jbw2023

wunderbread

One week, one brilliant build to help you pass the daily vibe check.

das-recap

Designers Are Scary! Recap

We hosted the first event in a free series designed to even the odds.

Read the Article
das-recap

Designers Are Scary! Recap

We hosted the first event in a free series designed to even the odds.

2023-internship

Hiring Summer Interns!

Want to spend your summer with a small studio?

Read the Article
2023-internship

Hiring Summer Interns!

Want to spend your summer with a small studio?

serendipity

Serendipity!

Most celebrated discoveries are happy accidents.

Read the Article
serendipity

Serendipity!

Most celebrated discoveries are happy accidents.

creativity-is-remixing

Creativity is Remixing

Every design is a remix of the past, present, and future.

Read the Article
creativity-is-remixing

Creativity is Remixing

Every design is a remix of the past, present, and future.

chokehold-of-9-5

The Chokehold of the 9-5

It's enough to drive you crazy if you let it!

Read the Article
chokehold-of-9-5

The Chokehold of the 9-5

It's enough to drive you crazy if you let it!

4-lessons-designers-can-learn-from-drag-queens

4 Lessons Designers Can Learn from Drag Queens

Let the music play!

Read the Article
4-lessons-designers-can-learn-from-drag-queens

4 Lessons Designers Can Learn from Drag Queens

Let the music play!

we-are-hiring

We're Hiring!

Hello, is it you we’re looking for?

Read the Article
we-are-hiring

We're Hiring!

Hello, is it you we’re looking for?

side-affects

Which Side Affects You?

An entry point for expanding our understanding of the Roe v. Wade overturn and its impact on fundamental human rights.

Read the Article
side-affects

Which Side Affects You?

An entry point for expanding our understanding of the Roe v. Wade overturn and its impact on fundamental human rights.

pet-department

Meet The Pet Department

Meet the four-legged members of the Pet Department!

Read the Article
pet-department

Meet The Pet Department

Meet the four-legged members of the Pet Department!

squrl

A Tendency for Tangents, Turned Studio Tool

An ever growing discovery engine to hold all the incredible creations we come across as a virtual studio.

Read the Article
squrl

A Tendency for Tangents, Turned Studio Tool

An ever growing discovery engine to hold all the incredible creations we come across as a virtual studio.

studio-office-hours

Studio Office Hours

Taking a look at our daily collaboration sessions

Read the Article
studio-office-hours

Studio Office Hours

Taking a look at our daily collaboration sessions

studio-retreat-2022-bring-peace

Studio Retreat 2022Bring Peace

a small studio’s first retreat! Together we reflected on what it means to bring peace.

Read the Article
studio-retreat-2022-bring-peace

Studio Retreat 2022Bring Peace

a small studio’s first retreat! Together we reflected on what it means to bring peace.

what-goes-into-building-a-design-studio

What Goes Into Building A Design Studio?

What are the key building blocks of a small studio?

Read the Article
what-goes-into-building-a-design-studio

What Goes Into Building A Design Studio?

What are the key building blocks of a small studio?

creatorplus

The Future of Storytelling

A first-of-its-kind movie experience that brings you closer to the creators than ever before.

Read the Article
creatorplus

The Future of Storytelling

A first-of-its-kind movie experience that brings you closer to the creators than ever before.

cyxtera

Taking Data Centers Digital

Making data centers more accessible and actionable for remote managers and digital natives.

Read the Article
cyxtera

Taking Data Centers Digital

Making data centers more accessible and actionable for remote managers and digital natives.

dose

Building DOSE in 5 Days

Amidst one of the largest political awakenings, we paused all normal business operations to build DOSE.

Read the Article
dose

Building DOSE in 5 Days

Amidst one of the largest political awakenings, we paused all normal business operations to build DOSE.

Let’s talk strategy.

Schedule a call with our Identity Architect and see if it makes sense to work together.