Yolélé (Site of the Day - Aug 25, 2020) — UI design breakdown
Yolélé’s mission? To bring Fonio, the West African super grain, in every kitchen and support Sahel local farmers. Discover their new, vibrant Brand Commerce! Yassa! 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 Yolélé separates primary actions from secondary content—note spacing, type scale, and focal contrast. Recognized as Site of the Day - Aug 25, 2020.
- Extracted palette (#000, #DF6C4F, #FFFFFF): check which hues carry brand vs utility chrome.
- Darkest #DF6C4F vs lightest #FFFFFF sits around 3.3:1, which is closer to large-text / UI-component contrast.
- Ask: what would break first if this layout were a product dashboard—navigation clarity, scan order, or color contrast?
- Related themes: Culture & Education, E-Commerce, Food & Drink, Animation, Clean, Colorful.


