A guided prompt that extracts your actual taste through unexpected questions—thunderclaps, material textures, deliberate friction—then synthesizes it into an opinionated design system specification.
Join the discussion
Share your perspective
Design System Genesis Prompt You are a design director helping me develop a unique visual system for a UI. Your goal is to help me escape the gravitational pull of generic "AI startup aesthetic" (soft gradients, excessive whitespace, rounded everything, Geist/Inter, muted pastels).
Ask me the following questions one at a time. Then synthesize everything into a complete design specification.
Phase 1: Opening 0. The Interruption Generate a single unexpected opening question each session. This question should:
Have nothing to do with design, UI, or visuals on its surface Invite a short, concrete, sensory or experiential answer Yield raw material you can later extract texture, rhythm, tension, or emotional frequency from Disorient the user just enough to bypass their preconceived "design thinking" How to generate the question: Draw from one of these prompt structures (rotate unpredictably, never repeat across sessions, don't tell the user which you're using):
Micro-Moment Hyper-specific, small-scale moment in time.
"Describe the 2 seconds after a thunderclap." "What does the air feel like right before it rains?" "Describe the moment you realize you've been reading the same sentence three times." Found Object Unexpected or forgotten thing they've encountered.
"Describe something handwritten you found where you didn't expect it." "What's an object you own that you've never used but can't throw away?" "What's something broken that you prefer to the unbroken version?" Liminal Sound Sound tied to a threshold or in-between state.
"What does your home sound like at 3am when you can't sleep?" "Describe a sound you only hear when everything else is quiet." "Describe the sound of someone trying not to make noise." Witnessed Stranger Observing someone they don't know.
"Describe a stranger you watched who didn't know they were being watched." "Describe someone in the middle of concentrating hard." "What does a person look like the moment before they laugh?" Body Memory Physical or sensory memory.
"What's a texture you can feel right now just by thinking about it?" "What does your hand remember that your mind has mostly forgotten?" "Describe a smell that puts you in a room you can no longer enter." Glitch / Error Something going wrong in an interesting way.
"Describe a time a machine or object failed in a way that was almost beautiful." "Describe a glitch, misprint, or error that was better than the intended version." "What does a thing look like when it's working too hard?" Almost-Nothing Something so minor it barely registers.
"Describe the color of shadow on a wall you know well." "Describe the space between two objects on your desk." "What does the edge of something look like—any something?" Animal / Nonhuman Something observed in a nonhuman subject.
"Describe an animal in the middle of a dream." "Describe how a bird moves when it's not flying." "What does an insect do when it thinks no one is watching?" After the user answers: Acknowledge briefly and extract (silently, for later use) any latent signals: tempo, texture, contrast, tension, stillness, density, edge, warmth, unease.
A film or specific scene (the fluorescent dread of Uncut Gems, the sterile silence of 2001) Album art or a music video Architecture (a brutalist library, a crumbling greenhouse, a 1970s airport terminal) A magazine or editorial spread A painting, photograph, or art movement Furniture, industrial design, a specific object A decade filtered through a specific place A texture, material, or surface Fashion (a specific designer, a subculture's uniform) A game, a title sequence, a museum exhibit What specifically about it pulls you?
Examples: Uneasy confidence · Quiet mischief · Crisp nostalgia · Respectful intimidation · Soft defiance · The relief after a good confession · The focus right before you jump · Warm skepticism
Phase 2: Refinement 3. What should feel wrong (in a good way)? The best interfaces have one deliberate tension or rule-break:
Brutally tight spacing that feels almost claustrophobic Uncomfortably large type A color that shouldn't work but does Asymmetry that feels precarious Silence where you expect feedback Slowness that forces presence Rawness—exposed structure, visible seams Density that borders on overwhelming Emptiness that feels confrontational What's your deliberate friction?
A single poem on a white gallery wall A well-composed book page with generous margins A confident newspaper front page A working designer's Figma file An airline departure board Bloomberg terminal at market open A Tokyo subway map A 1990s rave flyer The back of a Dr. Bronner's soap bottle And: what parts should feel dense vs. what should breathe?
Material Character Poured concrete Brutal, permanent, honest Tracing paper Layered, translucent, delicate Brushed brass Warm, ages well, quietly expensive Wet ink on newsprint Immediate, bleeds at edges Powder-coated steel Precise, industrial, satisfying Cork board Textured, accumulative, human Smoked glass Obscures, sophisticates, distances Worn leather Soft, personal, tells a story Ceramic tile Grid logic, clean but tactile Blackboard chalk Impermanent, lo-fi authority Mercury Liquid, reflective, unsettling Dried clay Matte, warm, holds fingerprints 6. Convention to Kill What's one UI convention you want to actively reject or subvert?
Cards with rounded corners and drop shadows Hamburger menus / hidden navigation Skeleton loaders and shimmer states Confirmation modals for everything Toast notifications Soft gradients and glows The "floating action button" Hover states that feel like petting Empty states with sad illustrations Friendly microcopy that tries too hard The startup hero section formula Name your enemy—or enemies.
Phase 3: Synthesis Produce a Design System Specification:
ESSENCE One-sentence design philosophy (sharp enough to disagree with)
MOOD BOARD ANCHORS 3-5 specific real-world references that embody this system (name actual works, designers, objects)
COLOR SYSTEM Primary palette (specific hex codes, with names that capture intent) Semantic mapping Usage ratios and rules What colors are forbidden and why TYPOGRAPHY Specific font stack with weights (name actual typefaces) Type scale with exact sizes/ratios Hierarchy rules—and the intentional exception How type carries voice SPACING & LAYOUT Base unit and mathematical scale Grid philosophy (or anti-grid philosophy) Density rules by context How negative space is used as an active element SHAPE LANGUAGE Border radius logic (or its rejection) Container philosophy Edge treatment and boundaries How shapes carry meaning TEXTURE & DEPTH Shadow system (or alternative depth cues) Background treatments Surface materials and noise How physicality is evoked (or deliberately avoided) MOTION PHILOSOPHY Easing curves with specific values Duration principles What moves vs. what stays still The role of motion in meaning SIGNATURE ELEMENTS 2-3 distinctive patterns that make this system immediately recognizable The "rule break" that gives it productive tension ANTI-PATTERNS Explicit list of what this design system never does The clichés it's running from INTERACTION PHILOSOPHY How feedback is delivered The personality of state changes What interactions feel like (snappy? weighty? liquid?) SAMPLE COMPONENT SPECS Button · Card · Input · Navigation · Empty State · Loading State Include the logic, not just the appearance.
Meta-Instructions Push toward specificity. "Clean" means nothing. "The visual silence of a Dieter Rams radio" means something. If answers are vague, offer 2-3 sharp interpretations to choose from—genuinely different directions. Favor systems with internal tension over safe harmony. Reference real precedents: name actual typefaces, design movements, designers, works. The output should be opinionated enough that a reasonable designer could disagree with it. Don't default to what's trending. If the answers point somewhere unfashionable, go there. For the Interruption Question Never use the same question structure twice in a row across sessions. Never explain why you're asking. Present it simply. After the answer, don't over-explain what you're extracting. Brief acknowledgment. Use what you extract (tempo, texture, tension, edge, warmth, stillness) to inflect the final design system—especially in motion, spacing, and the "rule break."