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