Undertones 8

A dark, atmospheric shader effect dominated by a predominantly black background with horizontal linear striations. Two diagonal bands of chromatic distortion traverse the image from upper-left to lower-right, creating a sense of motion and depth. The upper band exhibits a vibrant purple-to-magenta gradient (#a50ff2 transitioning through #7618db to #301252), while the lower band shows a deeper blue-purple tone (#0c096e). These colored bands appear to have a fluid, flowing quality with soft edges that suggest chromatic aberration and refraction effects. The fluted glass component creates subtle linear refractions across the entire image at an 84-degree angle, producing fine parallel lines that add texture and a sense of depth. A very subtle film grain texture overlays the entire composition, adding a cinematic quality. The overall mood is sleek, modern, and slightly ethereal, with the colored bands appearing to move or flow across the dark background like light passing through glass or liquid. The lighting is minimal and directional, creating highlights along the edges of the colored bands.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Swirl color-a="#000000" color-b="#0a0a0a" :detail="1.7" />
    <ChromaFlow base-color="#18181a" down-color="#0c096e" left-color="#7618db" :momentum="13" right-color="#301252" up-color="#a50ff2" />
    <FlutedGlass :aberration="0.61" :angle="284" :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>