Mermaid C4 Context Diagram with MAIDR

People and systems are read inside their boundaries, each relationship with what it does and its technology.

C4Context
  title Internet banking
  Person(customer, "Customer", "A customer of the bank")
  Enterprise_Boundary(bank, "Bank") {
    System(banking, "Internet Banking", "Lets customers manage their accounts")
    SystemDb_Ext(mainframe, "Mainframe", "Stores the core banking data")
  }
  System_Ext(mail, "E-mail system")
  Rel(customer, banking, "Uses")
  Rel(banking, mainframe, "Reads accounts", "XML/HTTPS")
  Rel(banking, mail, "Sends e-mail", "SMTP")
  Rel(mail, customer, "Delivers e-mail")