<?xml version="1.0" encoding="utf-8"?>
Uxcel
Pro MembershipFor TeamsHelp
Log inSign up

Dark Mode Exercises

Explore hands-on “Dark Mode” exercises to sharpen your skills and level up your craft. Want more? Browse all search results

Maintain sufficient text contrast
Exercise

Maintain sufficient text contrast

13 Principles of Dark Mode Design
Adjust error color contrast
Exercise

Adjust error color contrast

13 Principles of Dark Mode Design
Design dark mode mindfully
Exercise

Design dark mode mindfully

Designing for Dyslexia
Use elevation to communicate depth
Exercise

Use elevation to communicate depth

13 Principles of Dark Mode Design
Avoid using pure black
Exercise

Avoid using pure black

13 Principles of Dark Mode Design
Use desaturated colors
Exercise

Use desaturated colors

13 Principles of Dark Mode Design
Include dark mode
Exercise

Include dark mode

Designing for Anxiety
Adjust state color contrast to meet AA-level standards
Exercise

Adjust state color contrast to meet AA-level standards

13 Principles of Dark Mode Design
Avoid direct inversion of light to dark
Exercise

Avoid direct inversion of light to dark

13 Principles of Dark Mode Design
Dark mode
Exercise

Dark mode

Common Design Concepts
Dark mode saves battery
Exercise

Dark mode saves battery

13 Principles of Dark Mode Design
Dark mode enhances accessibility
Exercise

Dark mode enhances accessibility

13 Principles of Dark Mode Design
Retain brand identity
Exercise

Retain brand identity

13 Principles of Dark Mode Design
Apply shadows properly
Exercise

Apply shadows properly

13 Principles of Dark Mode Design
Allow users to turn dark mode on and off
Exercise

Allow users to turn dark mode on and off

13 Principles of Dark Mode Design
Dark mode creates aesthetic appeal
Exercise

Dark mode creates aesthetic appeal

13 Principles of Dark Mode Design
Dark mode principles
Exercise

Dark mode principles

Color Systems & Dark Mode
Color contrast
Exercise

Color contrast

Color Systems & Dark Mode
Light mode layers
Exercise

Light mode layers

Interface Materials & Layers
Transparency rules
Exercise

Transparency rules

Interface Materials & Layers
Dark mode layers
Exercise

Dark mode layers

Interface Materials & Layers