Shaders
header.lightDarkMode D
Gallery

Stainless Steel 2

Stainless Steel

A sleek, modern 3D rendered logo featuring three interconnected metallic rings arranged horizontally against a deep dark background. The rings have a polished chrome or brushed aluminum appearance with smooth, reflective surfaces that catch studio lighting. The leftmost ring is smaller and positioned lower, while the two larger rings on the right are stacked vertically, creating a flowing, continuous form. The metal has a cool silver-white tone with subtle gradations showing depth and dimensionality. Soft studio lighting creates gentle highlights along the curved edges of the rings, with key lighting positioned at approximately 300 degrees creating warm-to-cool light transitions across the metallic surfaces. The background is nearly black (#1b1b21) with subtle warm fill lighting creating a gentle gradient toward the bottom. A thin film grain texture is applied across the entire composition for photorealism. The glass material component adds subtle refraction and fresnel effects to the rings, creating a sophisticated, premium appearance. The overall mood is minimalist, professional, and contemporary with excellent contrast between the bright metallic forms and the dark background.

Code

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <StudioBackground :ambient-intensity="65" :back-intensity="25" :brightness="100" :center="{ x: 0.5, y: 0.88 }" color="#1b1b21" :fill-angle="53" :fill-intensity="9" :fill-softness="94" :key-intensity="11" :key-softness="100" :wall-curvature="19" />
    <Glass :aberration="1" :blur="20" :cutout="true" :edge-softness="0.15" :fresnel="0.02" :fresnel-softness="0.31" :highlight="0.3" :refraction="0.62" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/_anekeNfTTiN_sdf.bin" :thickness="1">
      <Swirl :blend="18" color-a="#141412" color-b="#ffffff" color-space="hsl" :detail="4.2" :speed="0.5" />
    </Glass>
    <FilmGrain :strength="0.1" />
  </Shader>
</template>