Preview image. Unlock full-res
A personal portfolio site with a physics-driven lanyard badge hero and a scrolling name marquee, combining playful interaction with clean typographic design.
More like this
See all
Summary
A personal portfolio site with a physics-driven lanyard badge hero and a scrolling name marquee, combining playful interaction with clean typographic design.
Visual description
A white page with a small serif intro line at the top left and a right-aligned note at the top right. A black lanyard hangs from the top edge to a clear badge holder, tilted slightly and casting a soft shadow, which carries the name in black and blue serif type plus small Currently and Previously lines with colored pill tags. Behind it, the name runs across the bottom in huge black serif letters cropped at both edges, with the badge overlapping the C.
Key takeaway
Overlay a realistic, physically hanging object on an oversized cropped wordmark, so a personal name becomes both a headline and a playful interactive prop.
Reuse notes
Reach for this as a ui screen reference. Pairs with typographic, minimal directions. Original by Sam Cheng.
