workspace {

    model {
        user = person "User" "Main system user" 

        softwareSystem = softwareSystem "My Software System" {
            spa = container "SPA" "Single Page Application" "" {
                tags "SPA"
            }
            api = container "API" "Backend API" "" {
                tags "API"
            }
            db = container "DB" "Main database" "" {
                tags "DB"
            }
            database = container "Database" "Auxiliary database" "" {
                tags "Database"
            }
            platformService = container "PlatformService" "Internal platform service" "" {
                tags "PlatformService"
            }
        }

        // Dummy relationships to force left-to-right layout
        user -> spa ""
        spa -> api ""
        api -> db ""
        db -> database ""
        database -> platformService ""
    }

    views {
        container softwareSystem {
            include *
            autolayout lr
        }

        styles {
            // Default style
            element "Element" {
                color #ffffff
            }

            element "Person" {
                background #199b65
                shape person
            }

            element "Software System" {
                background #1eba79
            }

            element "Container" {
                background #23d98d
            }

            element "Database" {
                background #94968a
                shape cylinder
            }

            element "PlatformService" {
                background #ba381e
            }

            element "API" {
                background #8D9FAC
            }

            element "DB" {
                background #274C87
                shape cylinder
            }

            element "SPA" {
                background #649160
            }
        }
    }
    
}