<?xml version="1.0" encoding="utf-8"?>
Open full project

Explore the dark mode setting for WellCue*

Designed for low-light focus and visual comfort. This implementation of the dark mode variant preserves clarity while reducing screen fatigue which is perfect for late-night sessions or users sensitive to brightness.

📱 Explore the prototype too

Dark Mode for WellCue* 1

Thank you for taking the time to explore this submission. Feel free to read more about WellCue*.

-------------------------------------------------------------------------

Changelog

  • Explored contrast for "Connected/Disconnected" labels
  • Adjusted positioning of "Delete Account" button to meet contrast

In collaboration with...

Tools used

Figma

From brief

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

1 review


Hi Hilary, this looks super polished already!

Just a few small notes on contrast and color hierarchy from me. On the settings page, there are a couple of visual cues that could be refined:

• The “Connected” and “Disconnected” tags, the current white-on-green and white-on-gray combinations feel a bit low in contrast, especially for accessibility. Using a darker label color (#121212 perhaps?) on top of the lighter backgrounds could help improve legibility and balance.

• For the “Delete Account” button, the red clearly signals a destructive action, but placing it on a darker gray background mutes its impact. You might try placing it directly on the base screen background instead, so the red pops more and reads as a distinct high-alert action.


4 Claps
Average 4.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>