Chroma Chrome 5

A sophisticated dark theme logo composition featuring the word 'Galileo' in elegant, outlined typography with a metallic silver-gray appearance. To the left of the text is a stylized spherical icon with a glossy, three-dimensional glass effect showing internal swirling patterns in dark grays and blacks. The sphere demonstrates strong Fresnel reflections with bright white highlights along its curved edges, creating a polished, refractive appearance. The background is a very dark navy-black (#130f1a) that provides maximum contrast. The glass sphere contains animated swirl patterns with colors ranging from dark charcoal (#26262b) to deep navy (#0d111a), creating an internal fluid-like motion effect. Subtle chromatic aberration effects with warm color shifts (yellows, oranges, reds) are visible within the glass element, suggesting light refraction. A fine film grain texture overlays the entire composition at low opacity (0.1), adding subtle noise and a cinematic quality. The overall aesthetic is premium, modern, and technological, with emphasis on depth, refraction, and luminous surface qualities. The lighting angle appears to come from approximately 237 degrees, creating dramatic edge highlights on the glass sphere.

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#130f1a" :visible="true" />
    <Glass :cutout="true" :fresnel="0.04" :fresnel-softness="0.05" :highlight="0.5" :highlight-softness="0.21" :inner-zoom="1.5" :light-angle="237" :refraction="2" shape-sdf-url="https://data.shaders.com/storage/v1/object/public/user-uploaded-images/user_33nh0FG48zZa0rIUZuK7vgwPfZe/Fo7ahNLZwqrY_sdf.bin" :thickness="1">
      <Swirl color-a="#26262b" color-b="#0d111a" :detail="5" :speed="0.2" />
      <ChromaFlow base-color="#ff002b" down-color="#ffaa00" left-color="#ff6600" :momentum="10" :radius="2" right-color="#ffb300" up-color="#ffdd00" />
    </Glass>
    <FilmGrain :opacity="0.1" />
  </Shader>
</template>