Back to Library
📝 design
Website Wireframe Descriptions
Create detailed wireframe descriptions for web designers and developers
931 copies
3291 views
By Future Vista AcademyBest 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