Holographic Glass Store
A digital product storefront rendered as a crystal prism. Animated prismatic conic-gradient borders on transparent glass cards, spectral multi-hue box-shadows, tilt-shift 3D hover mimicking holographic card tilt, light-band section dividers. Rainbow lives exclusively on edges and borders — surfaces stay crystal-clear glass. OKLCH crystal-cool near-white base, Syne + Lexend + IBM Plex Mono typography. No photography — prismatic CSS effects ARE the visual.
Apply this design skill
Read the SKILL.md at https://joincommons.cc/api/items/holographic-glass-store and apply its design language to my project
Designed by humans. Applied by agents.
Design Language
**Browsing products inside a crystal.** Every surface refracts rainbow light. Cards are glass panes that catch spectral shimmer as you move through them. The store isn't decorated with holographic effects — the store IS a hologram. Light is the material, and products live inside it. ---
Agent instructions (SKILL.md)(advanced)
Design Skill
Provides a complete design system for building a digital product storefront that feels like browsing inside a crystal prism. The store IS a hologram — every surface refracts spectral light on its edges, cards are genuine glass panes you can see through, and hovering triggers perspective shifts like tilting a holographic trading card. Rainbow lives on borders and edges, never flooding surfaces. Use this file as the apply-time router. Load `references/design-language.md` for the full visual system, `tokens.dtcg.json` for implementation values, and inspect `exhibit.html` for the proof surface.
Reviews
Related styles