agent-skills/sn-infographic/references/styles/technical-diagram.md

technical-diagram

Blueprint and engineering diagram aesthetic. Precision, accuracy, and technical authority.

Color Palette

• Primary: Blueprint blue (#003366) on white, or white lines on blue
• Background: Blueprint blue (#1A3A5C) or engineering white
• Accents: Yellow/orange for callouts, red for warnings

Visual Elements

• Precise line weights (thin for detail, thick for outlines)
• Dimension lines and measurement annotations
• Cross-section hatching patterns
• Grid or graph paper background (subtle)
• Technical callout bubbles with leader lines
• Isometric or orthographic projection views
• Title block in corner

Typography

• Monospace or technical sans-serif (Courier, DIN, Eurostile)
• ALL CAPS labels
• Precise numeric annotations
• Small, dense text acceptable

Best For

Engineering explainers, product anatomy, technical processes, scientific mechanisms, architecture diagrams, hardware documentation