<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 128" role="img" aria-label="Zipa — gestão para lojas de moda">
  <title>Zipa</title>

  <!-- símbolo -->
  <g transform="translate(0 4) scale(0.234)">
    <defs>
      <clipPath id="letraZlogo">
        <path d="M126 112 H386 a14 14 0 0 1 14 14 v34 a14 14 0 0 1 -3.4 9.1 L226 372 H386 a14 14 0 0 1 14 14 v34 a14 14 0 0 1 -14 14 H126 a14 14 0 0 1 -14 -14 v-34 a14 14 0 0 1 3.4 -9.1 L286 188 H126 a14 14 0 0 1 -14 -14 v-34 a14 14 0 0 1 14 -14 z"/>
      </clipPath>
    </defs>
    <rect width="512" height="512" rx="112" fill="#1F4E79"/>
    <path d="M126 112 H386 a14 14 0 0 1 14 14 v34 a14 14 0 0 1 -3.4 9.1 L226 372 H386 a14 14 0 0 1 14 14 v34 a14 14 0 0 1 -14 14 H126 a14 14 0 0 1 -14 -14 v-34 a14 14 0 0 1 3.4 -9.1 L286 188 H126 a14 14 0 0 1 -14 -14 v-34 a14 14 0 0 1 14 -14 z" fill="#FFFFFF"/>
    <g transform="rotate(41.3 256 280)" clip-path="url(#letraZlogo)">
      <rect x="250" y="148" width="12" height="180" fill="#1F4E79"/>
    </g>
    <g transform="rotate(41.3 256 280)">
      <rect x="230" y="318" width="52" height="42" rx="14" fill="#E8A33D"/>
      <rect x="243" y="330" width="26" height="18" rx="7" fill="#1F4E79"/>
    </g>
  </g>

  <!-- wordmark: substituir por curvas na versão final da identidade -->
  <text x="146" y="72" font-family="Segoe UI, Inter, Arial, sans-serif" font-size="54"
        font-weight="700" letter-spacing="-1.5" fill="#1F4E79">zipa</text>
  <text x="148" y="98" font-family="Segoe UI, Inter, Arial, sans-serif" font-size="13"
        letter-spacing="1.15" fill="#6B7280">GESTÃO PARA LOJAS DE MODA</text>
</svg>
