# Blueprint

> Technical drawings on Prussian blue: precise white lines, grid guides, dimension annotations, and the clinical authority of architectural plans.

- Category: Illustration
- Era: 1840s–present
- Origin: Cyanotype process for architectural and technical drawing reproduction
- Lesson: https://design.dawit.dev/styles/blueprint
- Try it: https://design.dawit.dev/styles/blueprint?style=blueprint

## Where it came from

The cyanotype process, invented by John Herschel in 1842, became the standard for reproducing architectural and engineering drawings. A drawing made on translucent paper was contact-printed onto light-sensitive paper, producing white lines on bright Prussian blue. CAD software replaced the process, but the visual vocabulary — blue field, white lines, annotations, grid — became a cultural shorthand for precision, expertise, and technical planning.

## How to spot it

- Prussian blue field with white or light-blue lines
- Fine grid overlay at regular intervals
- Monospace or technical sans-serif annotation typography
- Geometric precision — no organic curves or soft edges

## Strengths

- Communicates technical precision and expertise
- Achievable entirely with CSS gradients — no image assets needed
- Distinctive blue palette stands out from the default web

## Weaknesses

- Narrow thematic fit — wrong outside technical or architectural contexts
- Dark blue background can reduce legibility for dense text
- White-on-blue requires careful contrast management

## In the wild

- Architecture firm and engineering studio websites
- Product documentation and specification pages
- Technical illustration for hardware and manufacturing

## Use it when

The product is technical, precise, and the audience responds to signals of engineering rigour.

## Related styles
[Industrial](https://design.dawit.dev/styles/industrial.md), [Swiss / International](https://design.dawit.dev/styles/swiss.md), [Tactical HUD](https://design.dawit.dev/styles/tactical-hud.md)