Museum of Mario (Site of the Day - Oct 24, 2013) — UI design breakdown

An interactive experience exploring the many eras of Mario. Turn on the audio and click around to find hidden interactions! Built by Intel's HTML5 Hub and IGN. 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 Museum of Mario separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Oct 24, 2013.
• Extracted palette (#000, #2779A7, #D14836): check which hues carry brand vs utility chrome.
• Darkest #2779A7 vs lightest #D14836 sits around 1.1: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: Games & Entertainment, Animation, Parallax, Video, CSS, HTML5.