beamfall

A dark, premium fintech card in a column of light. A thin beam falls from the top of the screen, flares into a bell where it meets the card and runs along the card's outline, around its rounded corners and down its sides, lighting the glass from inside; then it leaves the bottom edge, narrows and dissolves. Circuit lines on both sides start pulsing, and the card's content fades in: "Volume settled today" counts up to $4.82M with a +12.4% change, and an area chart draws in across the full card width. From then on it runs live: fibres stream down the beam, sparks ride the light, a sheen crosses the glass, the chart curve slowly morphs and a marker glides along it with a value tooltip, and the Live badge pulses. The light, the backdrop and the glass are one WebGL shader drawn at screen resolution; the card's text is real HTML. The square stage scales to fit any screen and zooms in on phones so the card stays large.