Kick My Habits (Site of the Day - May 28, 2013) — UI design breakdown

Whether it's the unhealthy cigarettes weighing down your wallet or troublesome takeaways lending excess baggage to your debt, find out how much you could save if you kicked your habits. 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 Kick My Habits separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - May 28, 2013.
• Extracted palette (#FF9398, #D14836, #ECD06F): check which hues carry brand vs utility chrome.
• Darkest #D14836 vs lightest #ECD06F sits around 2.9: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, Vector.