Architecture: system context template preview

Diagram template

Architecture: system context

Pro

actors above, externals below · labeled relations · logo node cards

One system in a wide bar, the people or clients that use it in a row above and the external systems around it in a row below, each joined to it by a straight arrow carrying a labeled relation.

Categories

Included in

Pro, Power, Max

Upgrade to Pro

One credit to generate. Edits after that are free.

When to use it

Use for a C4 system context diagram, a "who uses it and what it depends on" slide, or an integration overview: one system, one to four actors that use it, and one to five external systems it calls or that call it, each link saying what it does. Not for the internal structure of the system (the other architecture designs), flows with many steps, or links between the externals themselves.

Adjust after generating

Change the style, colors, and font, and these options, as often as you like without spending credits.

  • Card shape
  • Card fill
  • Color distribution
  • Card border
  • Card shadow
  • Typography
  • Icon shape
  • Icon size
  • Icon fill
  • Icon shell
  • Spacing
  • Alignment
  • Material
  • Connectors
  • Line weight

What you fill in

Describe your topic in plain words and the AI fills these in. You can edit every field afterwards.

System
Label, optional description, and icon
Actors
1 to 4, each with label, optional description, icon, and relation
Externals
1 to 5, each with label, optional description, icon, relation, and optional inbound
Architecture: dependency graph template previewArchitecture: dependency graphThree to twelve components that call or depend on each other with no fixed tiers, such as a microservice call map, a service dependency graph, or data lineage between systems, with links labeled by protocol or what flows (gRPC, REST, events).Architecture: environments template previewArchitecture: environmentsOne system shown as two to four copies that are compared side by side: dev, staging, and production environments with promotion between them, region A, region B, and disaster recovery with replication, or blue and green stacks.Architecture: event hub template previewArchitecture: event hubEvent flows through one broker, bus, or topic hub with one to five producers and one to five consumers, such as Kafka topics, Google Pub/Sub, SNS fanning out to SQS queues, EventBridge rules, or a webhook gateway delivering to several handlers; built for fan-in and fan-out.Architecture: grouped panels left to right template previewArchitecture: grouped panels left to rightTwo to fourteen components placed in two to five networks, clusters, subnets, or accounts, such as an AWS VPC with public and private subnets or a Kubernetes cluster with namespaces, optionally inside one region with users or third-party services outside.Architecture: isometric floating layer plates stacked with a clear gap template previewArchitecture: isometric floating layer plates stacked with a clear gapA layered system where components rely on specific components in the layer directly below: software layers from experience through services to data, an operating model from strategy through operations to delivery teams, or a data stack from reports through warehouse and pipelines to sources.Architecture: isometric zone platforms on one floor template previewArchitecture: isometric zone platforms on one floorTwo to four tiers, environments or network zones that a request or data flow crosses in order, each holding one to three services: a cloud web stack from edge to data, an IoT path from devices through gateways to analytics, a payments flow from channels through processing to ledgers.