Cracked Crystal

A glowing neon-style abstract logo featuring two concentric rounded rectangular shapes with smooth, organic curves against a pure black background. The outer and inner shapes create a nested, flowing design reminiscent of interconnected loops or a stylized infinity symbol. The primary visual effect is an intense blue neon glow that emanates from the geometric forms, with bright cyan-white highlights concentrated along the upper edges and outer perimeter of the shapes, creating a luminous, three-dimensional appearance. The glow has a soft, diffused quality that bleeds into the surrounding darkness, with the brightest intensity at the core of the shapes transitioning to softer blue halos at the edges. The interior surfaces of the shapes display a subtle crystalline texture with faceted reflections, suggesting a glass or ice-like material with refractive properties. Light rays and subtle god-ray effects emanate from the center, adding atmospheric depth. The overall mood is futuristic, technological, and ethereal, with a cool color temperature dominated by electric blues and cyan tones. The composition is centered and symmetrical, with the shapes appearing to float in infinite darkness.

<script setup lang="ts">
import {
  Shader,
  Blob,
  Crystal,
  Glow,
  Godrays,
  SolidColor
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#0a0a0a" />
    <Blob color-a="#070814" color-b="#141426" :deformation="0.6" highlight-color="#21a9ff" :size="0.6" :softness="1" />
    <Crystal :cutout="true" :dispersion="0.75" :edge-softness="0.05" :facets="3" :fresnel="0.28" fresnel-color="#c8dbfa" :fresnel-softness="0.52" :highlights="0.4" :light-angle="272" :shadows="0.5" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/isQWoyQoe0qA_sdf.bin" tint-color="#2763e3" :tint-intensity="0.2">
      <Godrays background-color="#7dd9ff" :center="{ type: 'mouse-position', reach: 0.05, originX: 1, originY: 0, momentum: 0.15, smoothing: 0.25 }" :density="0.5" :intensity="1" ray-color="#002fc2" :speed="2" :spotty="0.7" />
    </Crystal>
    <Glow :intensity="0.5" :size="33" :visible="true" />
  </Shader>
</template>