Weber Genesis II (Site of the Day - Mar 26, 2017) — UI design breakdown

On this state-of-the-art product site, you can get up-close with the glorious Genesis II gas grill in real-time 3D, courtesy of Weber and WebGL. Introduced by POV films, the site lets you take your own perspective and 'reflect' on Weber's shiny new range in all its glory. 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 Weber Genesis II separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Mar 26, 2017.
• Extracted palette (#000, #D14836): check which hues carry brand vs utility chrome.
• Ask: what would break first if this layout were a product dashboard—navigation clarity, scan order, or color contrast?
• Related themes: E-Commerce, Food & Drink, Web & Interactive, Animation, Design Websites, HTML5.