C4 examples

C4 is a discipline before it is a notation: draw the same system at separate zoom levels, and never mix two levels in one diagram.

These three examples are the same system at levels one, two and three, so you can see exactly what changes between them.

#Every example here is real

Each page holds a diagram that is stored, rendered and editable exactly like one you drew yourself. Open any of them, change something, and see what happens. Nothing here is a screenshot.

#In this set

#Related

Context first. Always.