Concentric 4

A sophisticated gradient shader effect featuring smooth, flowing organic shapes with a primary base of deep blue (#344fbc) that dominates the composition. Overlaid are curved, ribbon-like swirling patterns in warm peachy-orange and golden-yellow tones (#f3e491) that flow diagonally across the canvas with graceful, undulating curves. The swirls appear to have soft, feathered edges with a glowing quality, creating a luminous effect against the cool blue background. Concentric circular patterns emanate from the right side of the composition, creating subtle radial distortions that add depth and movement. The overall effect is smooth and dreamlike with no harsh edges, featuring soft transitions between colors. The lighting creates a sense of depth with the warm tones appearing to glow or emit light. The composition has a balanced, centered feel despite the off-center circular patterns, with the swirling elements creating a sense of fluid motion frozen in time. The atmosphere is serene and modern, with a polished, premium aesthetic suitable for contemporary digital design.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <Swirl :blend="100" color-a="#f3e491" color-b="#344fbc" color-space="oklch" :detail="1.2" />
    <ConcentricSpin :center="{ x: 1, y: 0 }" :intensity="25" :rings="7" :smoothness="0.06" />
  </Shader>
</template>