---
name: Dark Mode Design
slug: dark-mode-design
url: "https://dontmakeitugly.com/resources/dark-mode-design"
website: "https://www.darkmodedesign.com"
type: gallery
categories:
  - inspiration
tags:
  - gallery
  - dark-ui
  - dark-mode
  - landing-pages
  - developer-tools
pricing: free
agentFriendly: limited
agentAccessMethods:
  - public_web
difficulty: any
dateAdded: "2026-09-02"
lastVerified: "2026-09-02"
---

# Dark Mode Design

A gallery of websites that get dark interfaces right.

- Type: Gallery
- Categories: Inspiration
- Pricing: Free

## What it is

A focused collection of dark-themed websites, useful because dark UI has its own rules: contrast, elevation, colour saturation and glow all behave differently. Seeing many good examples side by side makes those rules obvious.

## Why it's here

Dark mode is the easiest thing to make ugly. Pure black backgrounds, neon accents, glowing borders everywhere. Look here before you ask your agent for a dark theme.

## Best for

- dark themes
- developer-tool sites
- contrast references

## Links

- Website: https://www.darkmodedesign.com

## Can my agent use this?

As a reference only. Pick examples and tell your agent the concrete rules you want: near-black not pure black, muted surfaces, one accent, subtle borders.

Agent friendliness: Limited. Mainly a visual reference. Great for humans and for describing a direction, but there's little an agent can read or install.
Access methods: Public website.

## Prompt to hand your agent

```text
Use Dark Mode Design as a visual and design reference for this project.

What it is: A gallery of websites that get dark interfaces right.

Website: https://www.darkmodedesign.com

Use it specifically for:
- dark themes
- developer-tool sites
- contrast references

How you can access it: Public website.

Study the visual direction: typography, spacing, colour, hierarchy and motion. Describe what makes the references work, then apply those principles to this project's existing visual language. Do not copy layouts or assets directly; build something consistent with our own brand and accessibility requirements.
```

## Related

- [Godly](https://dontmakeitugly.com/resources/godly.md): Astronomically good web design inspiration, hand-picked.
- [Radix Colors](https://dontmakeitugly.com/resources/radix-colors.md): Colour scales designed for real UI, with light and dark modes that actually match.
- [Vercel Geist](https://dontmakeitugly.com/resources/geist-design-system.md): Vercel's design system: the reference for the modern developer-tool look.
- [Land-book](https://dontmakeitugly.com/resources/land-book.md): A big, searchable gallery of landing pages, filterable by style, colour and industry.

Dark Mode Design is an independent resource listed by Don't Make It Ugly. We link to it; we aren't affiliated with it. Pricing and licence details are as understood at the time of listing; check the official site.