C4 diagram examples & templates
Worked C4 models, drawn once and kept live. Each example below is a real CRAYON-C4 project — explore it in place, or open it in the designer and use it as a starting point for your own model.
C4 diagram example: e-commerce platform
A worked C4 model of an online store — customer, storefront, catalog and order services, and the payment provider — from System Context down to Code. Open it in the designer and make it yours.
C4 + F4 diagram example: order workflow engine
A C4 model paired with an F4 behavioral flow, showing how an order moves through validation, fulfillment and notification — structure and behavior in one connected model.
C4 diagram example: microservices logistics platform
A larger, real-world-scale C4 model — a parcel logistics platform with tracking, routing, carrier integrations and a driver app across many services — with F4 flows for how a parcel actually moves through the system.