System Landscape

Every software system and person. Third-party systems are grey; Gesso's own layers and the frontends built on them are blue. Data flows from each backend through a Gesso layer into the frontend. Calls the frontend's server makes directly are drawn on the Frontend A view. Each layer can also be scaffolded as Generic, a starting point for a custom backend.

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]")
    storyblok("Storyblok<br/>[Software System]")
    bigCommerce("BigCommerce<br/>[Software System]")
    shopify("Shopify<br/>[Software System]")
    shopware("Shopware<br/>[Software System]")
    acumatica("Acumatica<br/>[Software System]")
    gemini("Google Gemini<br/>[Software System]")
    vertex("Google Vertex AI<br/>[Software System]")
    identityProvider("Identity Provider<br/>[Software System]")

    gessoAuth("Gesso Authentication<br/>[Software System]")
    gessoCMS("Gesso CMS<br/>[Software System]")
    gessoCommerce("Gesso Commerce<br/>[Software System]")
    gessoERP("Gesso ERP<br/>[Software System]")
    gessoAI("Gesso AI<br/>[Software System]")

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

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

    drupal -.-> gessoCMS
    storyblok -.-> gessoCMS
    gessoCMS -.-> frontend

    drupal -.-> gessoCommerce
    bigCommerce -.-> gessoCommerce
    shopify -.-> gessoCommerce
    shopware -.-> gessoCommerce
    acumatica -.-> gessoCommerce
    gessoCommerce -.-> frontend

    acumatica -.-> gessoERP
    gessoERP -.-> frontend
    gessoERP -.-> b2bPortal

    gemini -.-> gessoAI
    vertex -.-> gessoAI
    gessoAI -.-> frontend

    identityProvider -. "Optional" .-> gessoAuth
    gessoAuth -.-> gessoCMS
    gessoAuth -.-> gessoCommerce
    gessoAuth -.-> gessoERP

    frontend -.-> customer
    b2bPortal -.-> customer
    admin -.-> drupal
    admin -.-> storyblok
    admin -.-> bigCommerce
    admin -.-> shopify
    admin -.-> shopware
    admin -.-> acumatica

    classDef person fill:#0b3d6e,stroke:#3b82f6,color:#ffffff
    classDef system fill:#2563eb,stroke:#1d4ed8,color:#ffffff
    classDef external fill:#64748b,stroke:#475569,color:#ffffff
    class customer,admin person
    class gessoDesignSystem,projectDesignSystem,gessoAuth,gessoCMS,gessoCommerce,gessoERP,gessoAI,frontend,b2bPortal system
    class gessoFigma,projectFigma,siteFigma,drupal,storyblok,bigCommerce,shopify,shopware,acumatica,gemini,vertex,identityProvider external