Dither Logo 6

A modern, minimalist logo design featuring four rounded geometric shapes arranged in a 2x2 grid pattern, creating an abstract composition. The logo uses a bright lime-green color (#5bd438) as the primary hue with subtle gradient variations and luminous quality. The shapes have smooth, organic curves with clean negative space between them. The background is a dark, deep teal-to-black gradient that transitions from slightly lighter on the left to nearly pure black on the right, creating depth and contrast. A subtle plasma effect with purple-to-green color shifts (#79699c to #5bd438) animates across the logo shapes, adding dynamic movement and visual interest. The dithering effect with a bayer8 pattern at 3-pixel size adds a subtle grainy texture and retro-digital aesthetic, particularly visible along the edges and highlights. The overall mood is contemporary, tech-forward, and energetic, with the glowing green against the dark background creating a sense of luminosity and modern sophistication. The composition has a balanced, symmetrical quality despite the organic curves of the individual elements.

<script setup lang="ts">
import {
  Shader,
  Dither,
  ImageTexture,
  Plasma,
  RadialGradient
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <ImageTexture id="idmmaykb1vflvohydj1" object-fit="contain" :transform="{ offsetX: 0.35, scale: 0.6 }" url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/c42DCkk-W-da.svg" :visible="false" />
    <RadialGradient :center="{ x: 1, y: 0.5 }" color-a="#060612" color-b="#00161c" color-space="oklab" :radius="1.5" />
    <Plasma :balance="55" color-a="#79699c" color-b="#5bd438" color-space="oklab" :density="1.7" :intensity="3" mask-source="idmmaykb1vflvohydj1" />
    <Dither blend-mode="linearDodge" color-mode="source" pattern="bayer8" :pixel-size="3" :threshold="0.96" />
  </Shader>
</template>