Design Process

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path fill="#d1e3f0" d="M14 5v6h40a3 3 0 0 0 3-3 3 3 0 0 0-3-3z" />
    <path
        fill="#ebf2f7"
        d="M54.12 7V5.012L54.108 5H14v4h38.12a2 2 0 0 0 2-2z"
    />
    <rect width="60" height="44" x="2" y="15" fill="#b0d3f0" rx="2" />
    <path fill="#d1e3f0" d="M60 55V15H4a2 2 0 0 0-2 2v40h56a2 2 0 0 0 2-2z" />
    <path fill="#95a5a5" d="M4 15a2 2 0 0 0-2 2v40a2 2 0 0 0 2 2h10V15z" />
    <path fill="#3f5c6c" d="M14 15h4v44h-4z" />
    <path fill="#bdc3c7" d="M14 15H4a2 2 0 0 0-2 2v40h12z" />
    <path fill="#3f5c6c" d="M22 19h36v36H22z" />
    <g fill="#95a5a5">
        <path
            d="M2 20h12v4H2zM5 27h6v2H5zM5 31h6v2H5zM5 35h6v2H5zM5 39h6v2H5z"
        />
    </g>
    <path fill="#bdc3c7" d="M14 5 7 8l7 3z" />
    <path fill="#d1d4d1" d="M14 9V5L9.333 7z" />
    <path fill="#3f5c6c" d="M47 5h4v6h-4zM18 5h14v6H18z" />
    <path fill="#547580" d="M18 5h14v4H18zM47 5h4v4h-4z" />
    <circle cx="48" cy="29" r="4" fill="#f3d55b" />
    <path
        fill="#56c0ef"
        d="M44.126 30a4.031 4.031 0 0 1 0-2h-8.252A3.971 3.971 0 0 1 36 29a3.927 3.927 0 0 1-.127 1z"
    />
    <circle cx="48" cy="44" r="4" fill="#f45347" />
    <path
        fill="#56c0ef"
        d="M48 40a3.971 3.971 0 0 1 1 .126v-7.252A4.615 4.615 0 0 1 48 33a4.368 4.368 0 0 1-1-.126v7.252A3.971 3.971 0 0 1 48 40z"
    />
    <path fill="#547580" d="M14 15h4v42h-4z" />
    <path
        fill="#56c0ef"
        d="M44.126 43h-8.252a4.031 4.031 0 0 1 0 2h8.252a4.031 4.031 0 0 1 0-2z"
    />
    <circle cx="32" cy="29" r="4" fill="#f45347" />
    <circle cx="32" cy="44" r="4" fill="#76cc97" />
    <path
        fill="#56c0ef"
        d="M32 40a4.181 4.181 0 0 1 1 .126v-7.252A4.226 4.226 0 0 1 32 33a4.6 4.6 0 0 1-1-.126v7.252A4.15 4.15 0 0 1 32 40z"
    />
    <path
        d="M60 14H4a3 3 0 0 0-3 3v40a3 3 0 0 0 3 3h56a3 3 0 0 0 3-3V17a3 3 0 0 0-3-3zm-47 9H3v-2h10zm2-7h2v42h-2zM4 16h9v3H3v-2a1 1 0 0 1 1-1zM3 57V25h10v33H4a1 1 0 0 1-1-1zm58 0a1 1 0 0 1-1 1H19V16h41a1 1 0 0 1 1 1z"
    />
    <path
        d="M58 18H22a1 1 0 0 0-1 1v36a1 1 0 0 0 1 1h36a1 1 0 0 0 1-1V19a1 1 0 0 0-1-1zm-1 36H23V20h34zM5 27h6v2H5zM5 31h6v2H5zM5 35h6v2H5zM5 39h6v2H5zM6.606 8.919l7 3A.985.985 0 0 0 14 12h40a4 4 0 0 0 0-8H14a.985.985 0 0 0-.394.081l-7 3a1 1 0 0 0 0 1.838zM46 10H33V6h13zm2-4h2v4h-2zm-17 4H19V6h12zm-14 0h-2V6h2zm39-2a2 2 0 0 1-2 2h-2V6h2a2 2 0 0 1 2 2zM13 6.517v2.966L9.539 8z"
    />
    <path
        d="M27 44a5 5 0 0 0 9.9 1h6.2a5 5 0 1 0 5.9-5.9v-5.2a5 5 0 1 0-5.9-5.9h-6.2a5 5 0 1 0-5.9 5.9v5.2a5.009 5.009 0 0 0-4 4.9zm5 3a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm19-3a3 3 0 1 1-3-3 3 3 0 0 1 3 3zm-3-18a3 3 0 1 1-3 3 3 3 0 0 1 3-3zm-11.1 4h6.2a5.016 5.016 0 0 0 3.9 3.9v5.2a5.016 5.016 0 0 0-3.9 3.9h-6.2a5.016 5.016 0 0 0-3.9-3.9v-5.2a5.016 5.016 0 0 0 3.9-3.9zM29 29a3 3 0 1 1 3 3 3 3 0 0 1-3-3z"
    />
</svg>