Business & Productivity Difficulty: Advanced
UI/UX Design Guidelines Creation
This prompt guides an experienced UI/UX designer to create comprehensive design guidelines for a specific type of website or app. The guidelines will encompass best practices in design principles, including color schemes, typography, iconography, layout, navigation, and interactive elements. Additionally, it emphasizes the importance of consistency, accessibility, and user experience optimization, ensuring that the output is clear and actionable for designers, developers, and stakeholders.
Act as an experienced UI/UX designer with extensive expertise. Based on the provided [TYPE OF WEBSITE/APP], placeholder, create design guidelines that reflect best practices from your 50+ years of experience with major brands. Outline key design principles including [COLOR SCHEMES], placeholder, [TYPOGRAPHY], placeholder, [ICONOGRAPHY], placeholder, [LAYOUT], placeholder, [NAVIGATION], placeholder, and [INTERACTIVE ELEMENTS], placeholder. Include detailed instructions on maintaining consistency, ensuring accessibility, and optimizing user experience. Structure the output to be easily understood and followed by designers, developers, and stakeholders.
Highlighted text is a blank. Swap it for your own detail before you send the prompt.
What it produces
- A comprehensive document outlining color schemes and typography choices for the specified app.
- A structured guideline detailing navigation best practices and interactive element designs.
- A checklist for maintaining design consistency and ensuring accessibility across the platform.
How to use this prompt
Four steps, about a minute. Nothing to install and no account needed.
Copy the prompt
Use the Copy button above. The whole prompt goes to your clipboard exactly as written. Nothing is trimmed.
Fill in the blanks
Swap [TYPE OF WEBSITE/APP] [COLOR SCHEMES] [TYPOGRAPHY] and 4 other bracketed placeholders for your own details. Everything in square brackets is a blank for you to fill in.
Paste it into your assistant
Checked against Mistral, ChatGPT, Claude. It is written as plain instructions, so paste it into whichever of them you already use.
Read the result, then push back
Compare what you get to the example below. If it is close but not right, say what to change: shorter, warmer, more specific, then ask again in the same conversation.
More prompts like this one
Close neighbours in Business & Productivity, by shared subject and tagging.
- Best Practices Framework for Designing Visually Appealing Call-to-Action Buttons
- Create an Accessible Email Design Strategy for Inclusive User Experience
- Accessibility Improvement Roadmap for Digital Products Serving Users with Disabilities
- Guide to Structuring Content with Proper Heading Hierarchy for Enhanced Navigation and Comprehension
- Design Intuitive Information Architecture Blueprint
- Expert UX Design Consultation Template for User-Centric Digital Experiences
Reviews and questions
What other people got out of this prompt, and what they asked about it.
Sign in to review this prompt.
Sign In to ReviewNo reviews yet
Be the first to share how this prompt worked for you.
Ask how to customize, adapt, or use this prompt more effectively.
Sign In to AskNo questions yet
Have a question about using or customizing this prompt? Be the first to ask.