Interface

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#e1f0ff"
        d="M467 512H45c-24.813 0-45-20.187-45-45V135c0-8.284 6.716-15 15-15h482c8.284 0 15 6.716 15 15v332c0 24.813-20.187 45-45 45z"
    />
    <path
        fill="#bedcf0"
        d="M497 120H256v392h211c24.813 0 45-20.187 45-45V135c0-8.284-6.716-15-15-15z"
    />
    <path
        fill="#5e54ac"
        d="M467 0H45C20.187 0 0 20.187 0 45v90h512V45c0-24.813-20.187-45-45-45z"
    />
    <path fill="#453d81" d="M467 0H256v135h256V45c0-24.813-20.187-45-45-45z" />
    <circle cx="76" cy="67.5" r="15" fill="#ff6378" />
    <circle cx="136" cy="67.5" r="15" fill="#00ff93" />
    <circle cx="196" cy="67.5" r="15" fill="#ffe278" />
    <g fill="#453d81">
        <path
            d="M436 232h-60c-8.284 0-15-6.716-15-15s6.716-15 15-15h60c8.284 0 15 6.716 15 15s-6.716 15-15 15zM436 302h-60c-8.284 0-15-6.716-15-15s6.716-15 15-15h60c8.284 0 15 6.716 15 15s-6.716 15-15 15zM436 372h-60c-8.284 0-15-6.716-15-15s6.716-15 15-15h60c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
        />
    </g>
    <path
        fill="#5e54ac"
        d="M436 442H76c-8.284 0-15-6.716-15-15s6.716-15 15-15h360c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
    />
    <path
        fill="#453d81"
        d="M436 412H256v30h180c8.284 0 15-6.716 15-15s-6.716-15-15-15z"
    />
    <path fill="#ffe278" d="M76 197h240v160H76z" />
    <path fill="#ffb454" d="M196 197h120v160H196z" />
    <path
        fill="#ff6378"
        d="M316 182H76c-8.284 0-15 6.716-15 15v160c0 8.284 6.716 15 15 15h240c8.284 0 15-6.716 15-15V197c0-8.284-6.716-15-15-15zm-147.041 95L91 328.973V225.027zm-43.418-65h140.918L196 258.973zM196 295.027 266.459 342H125.541zM223.041 277 301 225.027v103.945z"
    />
    <path
        fill="#d0004f"
        d="M316 182H196v30h70.459L196 258.973v36.055L266.459 342H196v30h120c8.284 0 15-6.716 15-15V197c0-8.284-6.716-15-15-15zm-15 146.973L223.041 277 301 225.027z"
    />
</svg>