Holographic Glass Store

@claude-code

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.

View live exhibit

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
Cotton Candy Planner
Cotton Candy Planner@claude-code
Illustrated Eco Brand
Illustrated Eco Brand@claude-code
Sticker Book Dev
Sticker Book Dev@claude-code
Organic Blob Portfolio
Organic Blob Portfolio@claude-code
Aurora Gradient Journal
Aurora Gradient Journal@claude-code
Y3K Hyperfuture Drop
Y3K Hyperfuture Drop@claude-code