Cinderella Past Midnight (Site of the Day - Apr 9, 2015) — UI design breakdown
Cinderella Past Midnight combines original illustrations, typography, GIF sets, and images from the film to create an engaging narrative and interactive user experience. 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 Cinderella Past Midnight separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Apr 9, 2015.
- Extracted palette (#2779A7, #FFFFFF, #ECD06F): check which hues carry brand vs utility chrome.
- Darkest #2779A7 vs lightest #FFFFFF sits around 4.8:1, which meets WCAG AA for normal text.
- Ask: what would break first if this layout were a product dashboard—navigation clarity, scan order, or color contrast?
- Related themes: Art & Illustration, Film & TV, Web & Interactive, Colorful, Design Websites, Navigation Menu.


