宝玉知识信息图

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