Dither Logo 5
Dither LogoA modern, minimalist logo design featuring four rounded geometric shapes arranged in a 2x2 grid pattern, spelling out 'DDBE' or similar letterforms. The shapes have a soft, organic quality with smooth curves and rounded edges. The logo uses a gradient fill that transitions from white/cream on the left side to a soft pink tone on the right side, creating a subtle dimensional effect with gentle highlights. The background is a deep burgundy-purple gradient that transitions from darker tones on the left to slightly lighter purple-wine tones on the right, creating depth and atmosphere. The logo appears to have a luminous quality with soft glowing edges, enhanced by a subtle dithering pattern applied with a linear dodge blend mode that adds fine texture and sparkle, particularly visible around the edges. The overall effect is contemporary and elegant, with a sophisticated color palette that balances warm pinks against cool deep purples. The plasma effect underneath creates subtle color variations within the shapes, with hints of cyan and magenta visible in the gradients, though the dither effect dominates the final visual appearance.
Code
<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="#420925" color-space="oklab" :radius="1.5" />
<Plasma :balance="63" color-a="#a2f0d4" color-b="#ff3f68" color-space="oklab" :contrast="2.6" :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>