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"
    />
</svg>