Layout

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path fill="#fff5f5" d="M15 15v482h241l20-241-20-241z" />
    <path fill="#d8e6eb" d="M256 15h241v482H256z" />
    <path
        fill="#00719b"
        d="M30 482V30h226l10-15-10-15H0v512h256l10-15-10-15z"
    />
    <path fill="#004c82" d="M512 0H256v30h226v452H256v30h256z" />
    <path fill="#0cf" d="M60 60h74.1v30H60z" />
    <path
        fill="#09f"
        d="M335.885 60H452v30H335.885zM341.34 422H452v30H341.34z"
    />
    <path fill="#0cf" d="M60 422h110.66v30H60z" />
    <path
        fill="#ff8848"
        d="M115.33 392c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.186 45-45 45zm0-60c-8.271 0-15 6.729-15 15s6.729 15 15 15 15-6.729 15-15-6.728-15-15-15z"
    />
    <path
        fill="#ff4c4c"
        d="M396.67 392c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45zm0-60c-8.271 0-15 6.729-15 15s6.729 15 15 15 15-6.729 15-15-6.729-15-15-15z"
    />
    <path fill="#09f" d="M341.34 242H452v30H341.34z" />
    <path
        fill="#0cf"
        d="M60 242h110.66v30H60zM200.67 452H256l10-15-10-15h-55.33z"
    />
    <path fill="#09f" d="M256 422h55.33v30H256z" />
    <path
        fill="#ff8848"
        d="M211 347c0 24.813 20.187 45 45 45l10-16.667L256 362c-8.271 0-15-6.729-15-15s6.729-15 15-15l10-15-10-15c-24.813 0-45 20.187-45 45z"
    />
    <path
        fill="#ff4c4c"
        d="M271 347c0 8.271-6.729 15-15 15v30c24.813 0 45-20.187 45-45s-20.187-45-45-45v30c8.271 0 15 6.729 15 15z"
    />
    <path fill="#0cf" d="M200.67 242v30H256l10-15-10-15z" />
    <path fill="#09f" d="M256 242h55.33v30H256z" />
    <path
        fill="#ff8848"
        d="M241 167c0-8.271 6.729-15 15-15l10-13-10-17c-24.813 0-45 20.187-45 45s20.187 45 45 45l10-14.333L256 182c-8.271 0-15-6.729-15-15z"
    />
    <path
        fill="#ff4c4c"
        d="M301 167c0-24.813-20.187-45-45-45v30c8.271 0 15 6.729 15 15s-6.729 15-15 15v30c24.813 0 45-20.187 45-45z"
    />
    <path
        fill="#ff8848"
        d="M115.33 212c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.186 45-45 45zm0-60c-8.271 0-15 6.729-15 15s6.729 15 15 15 15-6.729 15-15-6.728-15-15-15z"
    />
    <path
        fill="#ff4c4c"
        d="M396.67 212c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45zm0-60c-8.271 0-15 6.729-15 15s6.729 15 15 15 15-6.729 15-15-6.729-15-15-15z"
    />
</svg>