Embossed Relief

A minimalist 3D embossed composition featuring a circular form with a warm beige background (#f5f2eb). The central element is a sphere with horizontal linear striations or bands crossing diagonally across its surface. The emboss effect creates pronounced shadow and highlight contrasts, giving the sphere significant depth and dimensionality. The lighting appears to come from the upper left, casting subtle shadows beneath each horizontal band, creating a relief-like appearance. The striations have sharp, clean edges with soft gradations between light and shadow areas. A fine paper texture overlay adds subtle grain and tactile quality to the entire composition. The overall aesthetic is clean, modern, and minimalist with a soft, neutral color palette. The emboss depth is set to -0.95, creating an inset or recessed appearance. The lighting angle responds to mouse movement with smooth momentum, suggesting interactive responsiveness. The composition has a serene, sophisticated mood with careful attention to subtle tonal variations and three-dimensional form.

<script setup lang="ts">
import {
  Shader,
  Emboss,
  Paper,
  SolidColor
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#f5f2eb" />
    <Emboss :depth="-0.95" :light-angle="{ axis: 'x', type: 'mouse', curve: 0.4, momentum: 0.15, outputMax: 311, outputMin: 240, smoothing: 0.2 }" :light-intensity="0.35" :shadow-intensity="0.5" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/LxxV4-VS2bDS_sdf.bin" />
    <Paper />
  </Shader>
</template>