Glossy Pixels

Look at that amazing, user friendly, gorgeous and glossy UI! Our responsive code app is now also glossy as hell. For no reason besides some points 🙂

Boring technical stuff:
We added gloss by layering translucent gradients and animated sheen overlays on cards, panels, upload areas, previews, and the plan canvas, then kept all text above those layers using isolation and z-index. We also introduced glossy highlight variables (–gloss, –shine), subtle reflections on interactive elements, and an animated @keyframes sheen sweep so surfaces feel glassy while keeping text readable.