Undertones 4

A sophisticated gradient shader effect featuring diagonal parallel stripes running from upper-left to lower-right at approximately 31 degrees. The composition begins with predominantly white and light gray stripes on the left side, gradually transitioning to vibrant purple and magenta tones on the right side. The stripes have a fluted glass appearance with subtle refractive distortion, creating a ribbed texture effect with soft highlights along the edges. A chromatic flow effect adds directional color bleeding, with purple dominating the right portion and subtle color shifts throughout. The overall effect has a glossy, translucent quality with soft edges and mirror-like reflections. Fine film grain texture is subtly applied across the entire surface, adding a slight noise pattern. The lighting appears to come from the upper-left at approximately -90 degrees, creating gentle highlights on the ridged surfaces. The effect conveys a modern, premium aesthetic with smooth transitions between the neutral whites and the vibrant purple accents, creating depth through the layered shader components.

<script setup lang="ts">
import {
  Shader,
  ChromaFlow,
  FilmGrain,
  FlutedGlass,
  Swirl
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Swirl color-a="#ffffff" color-b="#f0f0f0" :detail="1.7" />
    <ChromaFlow base-color="#ffffff" down-color="#d042ff" left-color="#ff3805" :momentum="13" :radius="3.5" right-color="#5b4fff" up-color="#66ff73" />
    <FlutedGlass :aberration="0.61" :angle="31" :frequency="8" :highlight="0.12" :highlight-softness="0" :light-angle="-90" :refraction="4" shape="rounded" :softness="1" :speed="0.15" />
    <FilmGrain :strength="0.05" />
  </Shader>
</template>