Polynesian Waves 4
Polynesian WavesA sophisticated 3D embossed geometric pattern featuring repeating diamond and parallelogram shapes arranged in diagonal rows across the composition. The effect creates a strong sense of depth through subtle shadow and highlight gradients, giving the appearance of raised or recessed geometric forms. The primary color palette consists of white and very light gray tones with soft blue-gray accents (#6da2a3) visible in the shadow areas. The linear gradient component (119° angle with 0.25 scale) creates directional lighting that emphasizes the three-dimensional quality of each geometric element. A subtle wave distortion (sine wave at 211° angle with 0.05 strength) adds organic undulation to the otherwise rigid geometric structure, creating a slightly rippled or fluid quality. The dither effect with linear dodge blending at high threshold (0.86) introduces fine-grain texture and luminosity variation, enhancing the embossed appearance and adding visual complexity at the micro level. The overall atmosphere is clean, modern, and minimalist with a sophisticated tactile quality suggesting premium material or refined surface treatment.
Code
<script setup lang="ts">
import {
Shader,
Dither,
LinearGradient,
WaveDistortion
} from 'shaders/vue'
</script>
<template>
<Shader
:disable-telemetry="true"
>
<LinearGradient :angle="119" color-a="#ffffff" color-b="#6da2a3" color-space="oklch" edges="wrap" :end="{ x: 0.5, y: 0.5 }" :start="{ x: 0.4, y: 0.72 }" :transform="{ edges: 'mirror', rotation: 131, scale: 0.25 }" />
<WaveDistortion :angle="211" edges="mirror" :frequency="1.3" :strength="0.05" />
<Dither blend-mode="linearDodge" :pixel-size="1" :threshold="0.86" />
</Shader>
</template>