JOURNAL — 009 · Design

Dark Mode Done Right: Contrast, Elevation and Ink

Mahnoor Qureshi, Head of Design August 10, 2026 4 min read
Dark Mode Done Right: Contrast, Elevation and Ink — journal featured image

Dark UIs fail on hierarchy, not colour. The elevation system, desaturated accents and text-ink rules behind dark interfaces that don't tire eyes.

Making things dark is easy. Keeping hierarchy readable when everything is the same near-black — that's the actual discipline. Dark interfaces build depth with luminance steps, not shadows: surfaces rise in value as they approach the user, accents desaturate to survive on ink, and pure #000 is banned for the same reason pure white text is.

Hierarchy is the product

Every page secretly asks the user to do one thing next. Design's job is making that next thing obvious to a tired stranger holding a phone in bad light. Everything else is garnish with ambition.

We audit hierarchy with the squint test and the five-second test, not with debates: what reads first, second, third — and does that order match the business's priority list.

When everything shouts, the user leaves. One voice, clearly louder, converts.

The design QA ritual before handoff

  1. Real content in every state: empty, error, loading, translated-long
  2. Squint test per screen: exactly one obvious next action
  3. Contrast pairs measured, not squinted at
  4. Touch targets verified on the smallest supported device
  5. Every interactive element has hover, focus, active, disabled
  6. Loom walkthrough recorded for anything with motion or state

Delight must earn its budget

Motion, illustration and charm are budget line-items like anything else; they belong exactly where doubt and boredom cost money — onboarding, empty states, waiting moments — and nowhere they're stealing attention from decisions.

The test is whether the delight carries information: progress, confirmation, orientation. Animation that answers a question pays; animation that asks for applause should audition elsewhere.

Charming flows get screenshotted. Clear flows get completed. Ship both, in that weight order.

Design is the cheapest trust you can buy — bought wholesale or at retail.ALIFY design practice

Taste is a process

Beautiful outcomes come from boring loops: references argued over, directions killed early, details iterated after everyone is tired. The myth of the inspired genius mainly produces missed deadlines.

Our reviews run on questions, not moods: does this serve the user's next decision, does hierarchy match importance, would this still work with real ugly content. Opinions survive only if they improve answers.

Accessibility is quality

Teams relegate accessibility to a compliance sweep at the end; that's how you get contrast failures treated as surprises. Baked in from palette day one, AA compliance is just craft.

The work is concrete: text pairs tested against 4.5:1, focus states designed on purpose, hit areas that respect thumbs and Parkinson's alike, reduced-motion variants of every flourish.

One in six users has a disability. A site that excludes them isn't minimal — it's unfinished.

Taste debates end where user questions begin.Studio wall print

Where to start this week

Take your dark palette and squint at it. If you can't count the elevation layers, your users can't either — flatten to three surface levels and restate.

Then keep it honest with a short list:

  • 'Make it pop' accepted as actionable feedback
  • References from three industries and zero analysis of why
  • Approval by committee poll instead of one accountable owner
  • Put the date on the calendar — playbooks without Fridays are just reading

And when the scope outgrows the spreadsheet, that's precisely what our team is for.

Straight answers

How do you handle feedback rounds?

Two structured revision rounds per milestone with consolidated comments from one decision-maker. Async by default, calls for anything subjective — taste discussions die in email threads.

Can you redesign without us losing brand recognition?

Evolution is our default unless strategy says revolution. Equity audit first: what's recognized and must survive the refresh, then invention everywhere else.

How many design concepts do we get?

One direction, done properly — after a shared strategy phase so the direction isn't a guess. Scattergun concepts look generous and are actually the agency hedging; we'd rather spend those hours making one direction undeniable.

Mahnoor Qureshi
Head of Design · ALIFY

Leads brand and product design at ALIFY. Believes taste is a process, not a gift — and conversion is a design metric.

Start a project

Like how we think?

Imagine what we ship. Intro call + fixed quote in 48 hours.

Cookies, minus the crumbs. We use essential cookies to run this site and optional analytics cookies to improve it — analytics only load after you accept. See our Cookie Policy.