21 Hrs On The Moon (Site of the Day - Jul 10, 2026) — UI design breakdown

To mark the recent Artemis Moon Mission and honour the legacy of the first moon landing in 1969, we celebrate the experiments carried out in those historic 21 hours. 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 21 Hrs On The Moon separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Jul 10, 2026.
• Extracted palette (#060B0B, #FFF3EA): check which hues carry brand vs utility chrome.
• Darkest #060B0B vs lightest #FFF3EA sits around 18.2:1, which exceeds WCAG AAA for normal text.
• Ask: what would break first if this layout were a product dashboard—navigation clarity, scan order, or color contrast?
• Related themes: Culture & Education, Photography, Experimental, Photographic, Sound-Audio, Storytelling.