Dark Mode for WellCue*
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
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
From brief
Topics
Share
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.
You might also like
Fundraising Website
NEWFASHON™ - Landing page
Docto
Mobile onboarding flow
MamaFlow
FOURm - Landing Page for High-Conversion Fitness Startup
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
