Soft Register

A fluid, organic gradient shader effect featuring smooth flowing waves and curves across a predominantly blue background. The composition displays four distinct color zones that blend seamlessly: cyan/light-blue streams flow from the upper right and lower left, creating luminous curved paths. Deep blue and purple tones form the primary background, with vibrant cyan accents creating bright, glowing highlights that suggest light refraction or energy flow. The effect has a soft, diffused quality with gentle blur and glow applied to the gradient transitions, creating an ethereal, atmospheric appearance. The distortion value of 0.8 produces organic, wave-like undulations throughout the composition. A subtle halftone overlay with 0.2 opacity adds fine texture detail using CMYK color separation at 45-degree angles, creating a barely perceptible print-like grain that enhances depth without overwhelming the primary gradient effect. The overall mood is serene, modern, and digital-reminiscent of liquid light or aurora borealis phenomena. The edges fade to transparency, creating a seamless integration potential.

<script setup lang="ts">
import {
  Shader,
  FlowingGradient,
  Halftone
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <FlowingGradient color-a="#5ed0ff" color-b="#0582ff" color-c="#7442ff" color-d="#355dff" color-space="oklab" :distortion="0.8" :seed="29" />
    <Halftone blend-mode="overlay" :frequency="180" :opacity="0.2" style="cmyk" />
  </Shader>
</template>