Nothing Design Studio

Nothing Phone style UI in monochrome type

Nothing Design Studio!!!!! — Claude Code skill for Nothing Phone-style UI: monochrome, typographic and industrial design

How to use Nothing Design Studio

  1. Toggle dark and light mode
  2. Preview the live Nothing-style screen
  3. Browse colour, type and spacing tokens
  4. Copy the CSS variables into your project

Features

  • Verbatim tokens from the skill
  • Dark and light mode with equal rigor
  • Three-layer hierarchy preview
  • Doto, Space Grotesk and Space Mono
  • All 15 component groups

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.