Technical Visualization Style Guide
Visual clarity is a foundational requirement for instrument-grade technical documentation. This guide defines the standards for all 175+ illustrations in the Ohmic Audio, ensuring consistency across SVG diagrams, photographs, and AI-assisted renderings.
1. SVG Diagram Standards
All vector diagrams must adhere to the following CSS-variable-aware specification:
Line Weights & Stroke
- Primary Paths: 3px (e.g., Signal Flow)
- Secondary Paths: 1.5px (e.g., Dimensions)
- Reference/Grid: 0.5px (e.g., Coordinate axes)
- Dashed Lines: 5,2 pattern for virtual objects.
Typography
- Font Family: 'JetBrains Mono' or 'Arial'
- Heading Size: 14px (Bold)
- Label Size: 10px (Regular)
- Annotation: 8px (Italic)
Semantic Color Palette
| Signal Type | Hex Code | Usage |
|---|---|---|
| Positive DC | #dc3545 (Red) | +12V/16V Power Rails |
| Negative/Ground | #333333 (Dark Grey) | Chassis Ground / Return |
| Analog Audio | #007bff (Blue) | RCA, High-Level, Speaker Out |
| Digital Data | #28a745 (Green) | CAN Bus, A2B, Ethernet |
| Error/Anomaly | #ffc107 (Amber) | Clipping, Resonance, Distortion |
2. AI Prompting for Technical Illustrations
When using tools like Midjourney v6 or DALL-E 3 for conceptual visualizations, use the following "Master Prompt" structure to maintain the Ohmic aesthetic.
"Instrument-grade technical illustration of [TOPIC], cutaway view, clean blueprint style, architectural lighting, focus on engineering detail, high-purity copper and carbon fiber textures, depth of field 1.8, 8k resolution, photorealistic but schematic, white background, no text."
Sample Prompt Library
- Subwoofer Cutaway: "Cross-section of a high-excursion 12-inch subwoofer, showing multi-layer voice coil, triple-stacked neodymium magnets, and Nomex spider, blueprint style."
- EMI Visualization: "Visualization of electromagnetic interference radiating from an EV motor inverter as glowing purple flux lines, technical schematic overlay."
- A-Pillar Fabrication: "Macro shot of a custom A-pillar speaker pod in a luxury vehicle, Alcantara upholstery, perfectly integrated 3-inch midrange driver, workshop environment, cinematic lighting."
3. Priority Image Roadmap (Total: 175)
Priority 1: High-Impact (Chapters 6, 8, 10, 14)
Critical for safety and fundamental understanding.
- EV Power Topology (HV Pack to DC-DC)
- Linkwitz-Riley 4th Order Summation Graph
- Subwoofer Enclosure Group Delay Comparison
- Atmos 7.1.4 Speaker Placement (Top/Side Views)
Priority 2: Practical/Install (Chapters 2, 3, 11, 13)
Aiding physical assembly and fabrication.
- Proper Crimp Technique (Macro views)
- Router Flush-Trim Template Layering
- Ground Bolt Surface Preparation (Before/After)
- Door Panel Clip Locations (Sample Tesla/BMW row)
4. Viewport & Aspect Ratio Math
To ensure diagrams are legible on both mobile devices and desktop monitors, use the "Ohmic 2:1" standard.
AspectRatio = Width / Height = 2.0
Mobile Viewport: 100% Width, Auto Height
Desktop Viewport: max-width: 800px, Margin: 0 auto
Mobile Viewport: 100% Width, Auto Height
Desktop Viewport: max-width: 800px, Margin: 0 auto
VERSION 3.0 // STANDARDS COMPLIANT // 2026