ui-wireframe

Grayscale interface mockup style

Color Palette

• Primary: Grays - light (#E5E5E5), medium (#9CA3AF), dark (#374151)
• Background: White (#FFFFFF), light gray
• Accents: Blue for interactive (#3B82F6), red for emphasis

Visual Elements

• Wireframe boxes and placeholders
• X marks for image placeholders
• Simple line icons
• Grid-based layout
• Annotation callouts
• Redline specifications

Typography

• System fonts
• Placeholder "Lorem ipsum"
• UI label style
• Sans-serif throughout

Best For

Product designs, UI explanations, app concepts, user flow diagrams