B&O — See yourself in sound (Site of the Day - Jul 18, 2023) — UI design breakdown

It's your music. But with arms. And legs. And some wild moves. Share what you listen to and get a unique 3D avatar that looks (and sounds) just like you. Yours to keep and share. Sourced from Awwwards. Use this page as a UI breakdown: reverse-engineer hierarchy, color roles, and interaction cues before you remix ideas into your own screens.

• Study how B&O — See yourself in sound separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Jul 18, 2023.
• Extracted palette (#A6BD7C, #9D6FC8): check which hues carry brand vs utility chrome.
• Darkest #9D6FC8 vs lightest #A6BD7C sits around 1.8:1, which is soft—better for backgrounds than small body copy.
• Ask: what would break first if this layout were a product dashboard—navigation clarity, scan order, or color contrast?
• Related themes: Web & Interactive, Animation, Colorful, Data Visualization, Sound-Audio, 3D.