Design Process

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path
        fill="#ecc19c"
        d="M28 62H4a2 2 0 0 1-2-2V40a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2z"
    />
    <path fill="#cf9e76" d="M10 38h12v6H10z" />
    <path
        fill="#aab2bd"
        d="M61.11 50.55c.54.28.89.84.89 1.45s-.35 1.17-.89 1.45L52 58V46z"
    />
    <path fill="#b4dd7f" d="M30 52h22v6H30z" />
    <path fill="#ff826e" d="M52 46v6H30v-6h12z" />
    <path
        fill="#aab2bd"
        d="M36 40h12c0 1.66-.67 3.16-1.76 4.24A5.944 5.944 0 0 1 42 46c-3.31 0-6-2.69-6-6z"
    />
    <path
        fill="#ccd1d9"
        d="M49 36c1.1 0 2 .9 2 2 0 .55-.22 1.05-.59 1.41-.36.37-.86.59-1.41.59H35c-1.1 0-2-.9-2-2 0-.55.22-1.05.59-1.41.36-.37.86-.59 1.41-.59h13z"
    />
    <path
        fill="#ffeaa7"
        d="M42 2c-4.42 0-8.42 1.79-11.32 4.68C27.79 9.58 26 13.58 26 18v.21c0 3.74 1.31 7.36 3.71 10.24L36 36h12l6.29-7.55c2.4-2.88 3.71-6.5 3.71-10.24V18c0-8.84-7.16-16-16-16z"
    />
    <path fill="#fcd770" d="M42 36h-3l-7-23 6 2 4-3 4 3 6-2-7 23z" />
    <path d="M13 57h2v2h-2zM5 57h2v2H5zM9 57h2v2H9zM5 53h10v2H5z" />
    <path
        d="M61.553 49.658 52.236 45H46.89a6.987 6.987 0 0 0 2.031-4H49c1.654 0 3-1.346 3-3 0-1.307-.846-2.41-2.015-2.82l5.074-6.089A17.03 17.03 0 0 0 59 18.207V18c0-9.374-7.626-17-17-17-9.227 0-16.744 7.393-16.978 16.564L18.586 24H17v-6h-2v6h-2v-8h-2v8H9v-4H7v4H5v-8H3v8H1v2h18.414l5.728-5.728a17.022 17.022 0 0 0 3.798 8.818l5.074 6.089A2.998 2.998 0 0 0 32 38c0 1.654 1.346 3 3 3h.08a6.975 6.975 0 0 0 2.031 4H31v-5c0-1.654-1.346-3-3-3H4c-1.654 0-3 1.346-3 3v20c0 1.654 1.346 3 3 3h24c1.654 0 3-1.346 3-3v-1h21.236l9.316-4.658C62.445 53.896 63 52.999 63 52s-.555-1.896-1.447-2.342zM27 18.207V18c0-8.271 6.729-15 15-15s15 6.729 15 15v.207a15.03 15.03 0 0 1-3.477 9.603L47.532 35H46.35l7.171-23.561-7.34 2.447L42 10.75l-4.181 3.136-7.34-2.447L37.651 35h-1.182l-5.992-7.19A15.03 15.03 0 0 1 27 18.207zM41 18v17h-1.259l-6.22-20.439 4.66 1.553L42 13.25l3.819 2.864 4.66-1.553L44.259 35H43V18zm-7 20c0-.551.449-1 1-1h14c.551 0 1 .449 1 1s-.449 1-1 1H35c-.551 0-1-.449-1-1zm3.101 3h9.798c-.465 2.279-2.484 4-4.899 4s-4.434-1.721-4.899-4zM51 47v4H31v-4zm-34-6v2h-2v-2h-2v2h-2v-4h10v4h-2v-2zm12 19c0 .551-.449 1-1 1H4c-.551 0-1-.449-1-1V40c0-.551.449-1 1-1h5v6h14v-6h5c.551 0 1 .449 1 1zm2-7h20v4H31zm29.658-.447L53 56.382v-8.764l7.659 3.829c.21.106.341.317.341.553s-.131.447-.342.553z"
    />
</svg>