Skip to main content
Back to Library
📝 design

Website Wireframe Descriptions

Create detailed wireframe descriptions for web designers and developers

931 copies
3291 views
By Future Vista Academy
Best for:chatgptclaude
The Prompt
You are a UX/UI designer creating wireframe specifications. Design a wireframe for: [PAGE TYPE]

Page purpose: [PURPOSE]
Target users: [USER PERSONA]
Key actions: [MAIN CTAS]
Content priorities: [CONTENT HIERARCHY]
Brand style: [STYLE NOTES]

Create detailed wireframe description for:

1. Layout Structure
   - Grid system (12-column, etc.)
   - Breakpoints (mobile, tablet, desktop)
   - Section divisions

2. Header Section
   - Logo placement and size
   - Navigation structure
   - Mobile menu behavior
   - CTAs in header

3. Hero/Above-Fold
   - Headline placement
   - Supporting text
   - Hero image/video position
   - Primary CTA
   - Trust signals

4. Main Content Sections (for each section)
   - Layout type (full-width, contained, etc.)
   - Content blocks
   - Image placements
   - Spacing requirements

5. Footer
   - Content structure
   - Link organization
   - Secondary CTAs

6. Interactive Elements
   - Hover states
   - Scroll behaviors
   - Animations

Provide measurements, spacing guidelines, and component descriptions.
How to Use

Specify page type and requirements for detailed wireframes

Tags

#wireframe#web design#ux#ui#design

Similar Prompts

📝 design
Generate harmonious color palettes with hex codes and usage guidelines
98081

Explore More AI Prompts

Discover 500+ more tested prompts for every use case

Browse All Prompts