System Landscape

Every software system and person, with the relationships between them.

flowchart LR
    customer("Customer<br/>[Person]")
    admin("Admin<br/>[Person]")

    gessoFigma("Gesso Figma<br/>[Software System]")
    projectFigma("Project Figma<br/>[Software System]")
    siteFigma("Site Figma<br/>[Software System]")

    gessoDesignSystem("Gesso Design System<br/>[Software System]")
    projectDesignSystem("Project Design System<br/>[Software System]")

    drupal("Drupal Headless<br/>[Software System]")
    contentful("Contentful Headless<br/>[Software System]")
    gessoCMS("Gesso CMS<br/>[Software System]")

    bigCommerce("BigCommerce Headless<br/>[Software System]")
    gessoCommerce("Gesso Commerce<br/>[Software System]")

    frontend("Frontend A<br/>[Software System]")

    gessoFigma -.-> gessoDesignSystem
    gessoDesignSystem -.-> projectDesignSystem
    projectFigma -. "Optional" .-> projectDesignSystem
    projectDesignSystem -.-> frontend
    siteFigma -. "Optional" .-> frontend

    drupal -.-> gessoCMS
    contentful -. "Future" .-> gessoCMS
    gessoCMS -.-> frontend

    bigCommerce -.-> gessoCommerce
    gessoCommerce -.-> frontend

    frontend -.-> customer
    admin -.-> drupal
    admin -.-> bigCommerce
    admin -.-> contentful

    classDef person fill:#08427b,stroke:#052e56,color:#ffffff
    classDef system fill:#1168bd,stroke:#0b4884,color:#ffffff
    class customer,admin person
    class gessoFigma,projectFigma,siteFigma,gessoDesignSystem,projectDesignSystem,drupal,contentful,gessoCMS,bigCommerce,gessoCommerce,frontend system