hue

Prism

Cyberpunk holographic shader engine (fictional) system.

Prism is the rainbow-refraction system for a creative-platform brand. Chromatic gradient, white-on-light, optical-edge type.

Write a line, see a frame. Prism is a browser-native GPU playground for shader artists where every keystroke recompiles in under 12ms. The identity is iridescence under glass — vivid neon trapped in deep violet, shifted just enough by chromatic aberration to feel like a hologram you're looking through, not at.

Anatomy

Fictional cyberpunk holographic shader engine. The hero is a centered iridescent orb stack — a blurred conic-gradient field overlaid with a radial bloom and a thin spinning rim — sitting behind a chromatic-aberration title (cyan + magenta offsets over white). Proves the holographic-orb preset: medium: gradient (iridescent-orb) + subject: text + relation: layered. The whole identity is light bleeding through purple.

Tokens — colors

TokenValue (dark)
background#0B0014
surface1#120022
surface2#1B0033
surface3#1B0033
borderrgba(155, 59, 255, 0.25)
border_visiblergba(155, 59, 255, 0.45)
text1#F3E9FF
text2#9B8BB8
text3#5E4F80
text4#5E4F80
accent#9B3BFF
accent_hover#FF00D4
accent_subtle#1B0033

Tokens — typography

RoleFamilySize
displaySpace Groteskclamp(72px, 11vw, 144px)
bodyInter15px
monoSpace Mono12.5px

Live preview

Generate one like this

hue is a free, open-source skill that turns any brand into a complete design language your AI assistant can use.

Claude Codegit clone github.com/dominikmartn/hue ~/.claude/skills/hue Codexgit clone github.com/dominikmartn/hue ~/.codex/skills/hue

Back to hue · Full install guide

Related brands