Skip to content
SayDiagramSayDiagram

Template

Notes app context

A C4 system context diagram for a notes SaaS.

c4
Learn syntaxAll templates
Expand

Use this C4 system context template to show how a user interacts with a notes product and its external email and storage dependencies.

Person, System, System_Ext, and Rel lines are the C4 building blocks — swap names for your architecture.

C4 diagrams are Preview-only in SayDiagram; open the template to edit Mermaid or Present the full context view.

Mermaid source

C4Context
  title System Context for Notes App
  Person(user, "User", "Creates and shares notes")
  System(app, "Notes App", "Web notes product")
  System_Ext(email, "Email Provider", "Transactional email")
  System_Ext(storage, "Object Storage", "File attachments")
  Rel(user, app, "Uses", "HTTPS")
  Rel(app, email, "Sends email", "SMTP")
  Rel(app, storage, "Stores files", "S3 API")