first commit

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

@@ -0,0 +1,30 @@
+# 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