Ui Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#463c4b"
        d="M472 376H40V168c0-17.673 14.327-32 32-32h368c17.673 0 32 14.327 32 32z"
    />
    <path
        fill="#555a6e"
        d="M440 376H40V168c0-17.673 14.327-32 32-32h336c17.673 0 32 14.327 32 32z"
    />
    <path
        fill="#a5c3dc"
        d="M72 416h368c17.673 0 32-14.327 32-32v-8H40v8c0 17.673 14.327 32 32 32z"
    />
    <path
        fill="#d7e6f0"
        d="M408 416H72c-17.673 0-32-14.327-32-32v-8h400v8c0 17.673-14.327 32-32 32z"
    />
    <path fill="#a5c3dc" d="M208 416h72v32h-72z" />
    <path
        fill="#d7e6f0"
        d="M208 432h48v16h-48zM320 472H160v-8c0-8.837 7.163-16 16-16h128c8.837 0 16 7.163 16 16z"
    />
    <path
        fill="#a5c3dc"
        d="M320 472h-48v-8c0-8.837 7.163-16 16-16h16c8.837 0 16 7.163 16 16z"
    />
    <path
        fill="#d7e6f0"
        d="M376 328H104c-8.837 0-16-7.163-16-16V56c0-8.837 7.163-16 16-16h272c8.837 0 16 7.163 16 16v256c0 8.837-7.163 16-16 16z"
    />
    <path
        fill="#555a6e"
        d="M392 72H88V56c0-8.837 7.163-16 16-16h272c8.837 0 16 7.163 16 16z"
    />
    <circle cx="120" cy="56" r="8" fill="#289bc3" />
    <circle cx="152" cy="56" r="8" fill="#ff6e91" />
    <circle cx="184" cy="56" r="8" fill="#d7e6f0" />
    <path
        fill="#289bc3"
        d="M352 200H125.333a8 8 0 0 1-8-8v-80a8 8 0 0 1 8-8H352a8 8 0 0 1 8 8v80a8 8 0 0 1-8 8z"
    />
    <path
        fill="#00d2d2"
        d="M224 296h-98.667a8 8 0 0 1-8-8v-64a8 8 0 0 1 8-8H224a8 8 0 0 1 8 8v64a8 8 0 0 1-8 8z"
    />
    <path
        fill="#a5c3dc"
        d="M352 232h-98.667a8 8 0 0 1 0-16H352a8 8 0 0 1 0 16zM352 264h-98.667a8 8 0 0 1 0-16H352a8 8 0 0 1 0 16zM352 296h-98.667a8 8 0 0 1 0-16H352a8 8 0 0 1 0 16z"
    />
    <path
        fill="#289bc3"
        d="M465.943 353.943 432 320l10.979-10.979c10.71-10.71 3.125-29.021-12.021-29.021h-83.207c-5.19 0-10.34 1.303-14.751 4.037a27.392 27.392 0 0 0-13 23.302v51.619c0 10.248 8.384 17.024 17.124 17.024l-.001.01h32l.001-.01c1.949 0 3.912-.34 5.807-1.052l19.412 19.412A19.312 19.312 0 0 0 408 400h32a19.315 19.315 0 0 0 13.657-5.657l12.686-12.686a19.321 19.321 0 0 0 5.19-17.887c-.833-3.746-2.877-7.114-5.59-9.827z"
    />
    <path
        fill="#00d2d2"
        d="M434.343 354.343 400 320l10.979-10.979c10.71-10.71 3.125-29.021-12.021-29.021h-51.67A27.25 27.25 0 0 0 328 288a27.374 27.374 0 0 0-8 19.339v51.619c0 15.145 18.311 22.73 29.021 12.021L360 360l34.343 34.343a19.315 19.315 0 0 0 27.314 0l12.687-12.687a19.316 19.316 0 0 0-.001-27.313z"
    />
</svg>