Skip to content
don’t make it ugly
All resources

GalleryInspiration

Dark Mode Design

A gallery of websites that get dark interfaces right.

Free
Preview of Dark Mode Design

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

Can my agent use this?

Agent limited agent friendliness

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.

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

  • Godly
    Preview of Godly

    Godly

    Astronomically good web design inspiration, hand-picked.

    GalleryFreelimited agent friendliness
    Staff pickUsed by me
  • Radix Colors
    Preview of Radix Colors

    Radix Colors

    Colour scales designed for real UI, with light and dark modes that actually match.

    Asset libraryFreeOpen sourceexcellent agent friendliness
    Staff pick
  • Vercel Geist
    Preview of Vercel Geist

    Vercel Geist

    Vercel's design system: the reference for the modern developer-tool look.

    Design systemFreegood agent friendliness
    Staff pick
  • Land-book

    Land-book

    A big, searchable gallery of landing pages, filterable by style, colour and industry.

    Gallerylimited agent friendliness