<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 540 160" role="img" aria-label="Zipa — gestão para lojas de moda">
  <title>Zipa</title>
  <!-- Assinatura institucional para fundo escuro, sem plaquinha. Mínimo: h=120 px. -->
  <g transform="translate(0 4) scale(0.297)">
    <!--
    Versão institucional NEGATIVA — sem a plaquinha marinho.

    O Z e o anel flutuam direto sobre o fundo escuro. O corte do zíper e o
    vazio do cursor são furos de verdade, feitos com `fill-rule="evenodd"`
    em vez de máscara: máscara SVG nem todo renderizador respeita (o
    cairosvg, que a gente usa para gerar os PNG, ignora), furo por
    evenodd funciona em qualquer lugar.

    A fita do zíper virou polígono absoluto porque, girada 41,3°, ela já
    cabe inteira dentro da diagonal do Z — não precisa de recorte.

    Use só sobre fundo escuro e só a partir de 96 px.
  -->

  <!-- órbita -->
  <circle cx="256" cy="256" r="180" fill="none" stroke="#FFFFFF" stroke-opacity="0.22" stroke-width="2"/>

  <g transform="translate(256 256) scale(0.5) translate(-256 -273)">
    <!-- Z com o corte da fita vazado -->
    <path fill="#FFFFFF" fill-rule="evenodd" 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 M338.61 176.87 L347.63 184.79 L228.83 320.02 L219.81 312.10 Z"/>

    <!-- cursor âmbar, vazado por dentro -->
    <g transform="rotate(41.3 256 280)">
      <path fill="#E8A33D" fill-rule="evenodd" d="M244 318 H268 A14 14 0 0 1 282 332 V346 A14 14 0 0 1 268 360 H244 A14 14 0 0 1 230 346 V332 A14 14 0 0 1 244 318 Z M250 330 H262 A7 7 0 0 1 269 337 V341 A7 7 0 0 1 262 348 H250 A7 7 0 0 1 243 341 V337 A7 7 0 0 1 250 330 Z"/>
    </g>
  </g>

  <!-- anel dos módulos — traço branco, mesma espessura em todos -->
  <g fill="none" stroke="#FFFFFF" stroke-opacity="0.75" stroke-width="3.6"
     stroke-linecap="round" stroke-linejoin="round">

    <!-- Estoque com grade -->
    <g transform="translate(256 76)">
      <path d="M0 -5 v-4 a5.5 5.5 0 1 1 5.5 5.5"/>
      <path d="M0 -5 L-19 9 a2.6 2.6 0 0 0 1.6 4.6 h34.8 a2.6 2.6 0 0 0 1.6 -4.6 Z"/>
    </g>

    <!-- Produtos, preço e etiqueta -->
    <g transform="translate(383.3 128.7)">
      <g transform="rotate(45)">
        <rect x="-14" y="-14" width="28" height="28" rx="5"/>
        <circle cx="-6.5" cy="-6.5" r="3.4"/>
      </g>
    </g>

    <!-- Crediário -->
    <g transform="translate(436 256)">
      <rect x="-20" y="-13" width="40" height="26" rx="4.5"/>
      <path d="M-20 -4 H20"/>
      <path d="M-13 6 H-3"/>
    </g>

    <!-- Painel gerencial -->
    <g transform="translate(383.3 383.3)">
      <path d="M-16 15 H16"/>
      <path d="M-10 9 V-4"/>
      <path d="M0 9 V-16"/>
      <path d="M10 9 V3"/>
    </g>

    <!-- PDV -->
    <g transform="translate(256 436)">
      <path d="M-14 -18 h28 v31 l-4.67 -4 l-4.67 4 l-4.66 -4 l-4.67 4 l-4.67 -4 l-4.66 4 z"/>
      <path d="M-7 -10 H7"/>
      <path d="M-7 -2 H7"/>
    </g>

    <!-- Financeiro -->
    <g transform="translate(128.7 383.3)">
      <circle cx="0" cy="0" r="18"/>
      <path d="M5.5 -8.5 H-3.8 a4.9 4.9 0 0 0 0 9.8 h7.6 a4.9 4.9 0 0 1 0 9.8 H-5.5"/>
      <path d="M0 -13.4 v4.9"/>
      <path d="M0 11.1 v4.9"/>
    </g>

    <!-- Clientes -->
    <g transform="translate(76 256)">
      <circle cx="0" cy="-8" r="7"/>
      <path d="M-14 16 a14 14 0 0 1 28 0"/>
    </g>

    <!-- Aprovações e avisos -->
    <g transform="translate(128.7 128.7)">
      <path d="M-13 8 c3 -3 4 -6 4 -11 a9 9 0 0 1 18 0 c0 5 1 8 4 11 z"/>
      <path d="M-4.5 11 a4.5 4.5 0 0 0 9 0"/>
    </g>
  </g>
  </g>
  <text x="180" y="90" font-family="Segoe UI, Inter, Arial, sans-serif" font-size="66"
        font-weight="700" letter-spacing="-1.8" fill="#FFFFFF">zipa</text>
  <text x="183" y="122" font-family="Segoe UI, Inter, Arial, sans-serif" font-size="15"
        letter-spacing="1.3" fill="#C7D6E5">GESTÃO PARA LOJAS DE MODA</text>
</svg>
