Embossed Relief 2

A minimalist 3D rendered composition featuring a circular disc with a warm beige background (#f5f2eb). The central element is a white circular form with five horizontal rectangular slats or fins extending diagonally across its surface from upper-left to lower-right. The emboss effect creates pronounced shadows beneath each slat, giving them significant depth and dimensionality. The lighting appears to come from the upper-left, casting soft shadows that enhance the three-dimensional quality of the protruding elements. The overall aesthetic is clean and modern with subtle paper texture overlay adding fine grain detail. The shadows are soft and diffused rather than harsh, creating a sophisticated, product-design quality. The composition uses strong contrast between the white geometric elements and the neutral background, with carefully controlled shadow intensity (0.54) and light intensity (0.35) creating a refined, professional appearance. The paper texture (displacement 0.15, roughness 0.3) adds subtle surface variation without overwhelming the geometric clarity.

Code

vue

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#f5f2eb" />
    <Emboss :depth="0.79" :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.54" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/LxxV4-VS2bDS_sdf.bin" />
    <Paper />
  </Shader>
</template>