luminomorphism
Version:
A UI design system built around light, blur, ambient motion and perceptual feedback.
1 lines • 511 B
CSS
@media (max-width:480px){.l-card{width:90vw;height:90vw;border-radius:16px}.hero h1{font-size:2rem}.hero p,.l-card{font-size:1rem}nav{flex-direction:column;gap:12px;padding:10px 20px}}@media (min-width:481px) and (max-width:1024px){.l-card{width:45vw;height:45vw;border-radius:20px}.hero h1{font-size:2.5rem}.hero p,.l-card{font-size:1.1rem}}@media (min-width:1920px){.l-card{width:300px;height:300px;font-size:1.4rem;border-radius:24px}.hero h1{font-size:3.5rem}.hero p{font-size:1.6rem}body{font-size:1.2rem}}