Wireframe Conventions: Grayscale, Placeholders, and X-Boxes

Universal industry conventions allow anyone on a product team to read a wireframe instantly:

• Strict Grayscale Palette: Uses only white, black, and neutral grays (#F3F4F6, #9CA3AF). Any splash of color distracts attention from layout.
• The X-Box Convention: A rectangle with an 'X' drawn from corner to corner universally signifies an image or video placeholder.
• Generic Box Avatars: Circles with a simple bust outline signify user avatars.
• Simplified Line Text (Greeking): Horizontal gray bars representing subordinate body text lines.