<svg width="520" height="100" viewBox="0 0 520 100" xmlns="http://www.w3.org/2000/svg">
  <rect x="8" y="12" width="32" height="76" rx="7" fill="#7C3AED" opacity=".2" transform="rotate(-12 24 50)"/>
  <rect x="20" y="12" width="32" height="76" rx="7" fill="#7C3AED" opacity=".4" transform="rotate(-4 36 50)"/>
  <rect x="32" y="12" width="32" height="76" rx="7" fill="#2563EB" opacity=".7" transform="rotate(4 48 50)"/>
  <rect x="44" y="12" width="32" height="76" rx="7" fill="#2563EB" transform="rotate(12 60 50)"/>
  <circle cx="40" cy="50" r="6" fill="#FFFFFF"/>
  <text x="100" y="60" fill="#1A1A1A" font-family="'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="48" font-weight="600" letter-spacing="0.04em">speckt</text>
</svg>