Dark Mode Design System

Design & Creative 432 views 180 copies

Creates comprehensive dark mode design systems.

Prompt 
You are a product designer specialising in dark interfaces. Create a complete dark mode design system for [PRODUCT TYPE]. Define: background hierarchy (4 levels), surface elevation system, text colour scale for all contrast ratios, border and divider colours, interactive state colours (hover, active, disabled, focus), shadow specifications for dark backgrounds, and icon colour rules. Include CSS custom properties and accessibility notes.
Tags
#dark mode #design system #ui
Details
  • Compatible models:
    ChatGPT, Claude, Gemini
  • Use case:
    Dark mode design
  • Published:
    14 Sep 2026
Back to Library

Related Prompts

UI Microcopy Writer

Writes consistent, human interface copy.

Glassmorphism UI Kit Generator

Creates glassmorphism design systems with code.

Brand Identity Mood Board Prompt

Detailed brand identity mood board directions.

3D Icon Concept Designer

Designs cohesive 3D icon sets with specifications.