0
JOLLOF, A Love Letter. One Pot, Zero Photographs, All CSS
TL;DR: A frontend project that visually narrates Jollof rice on a single CSS-driven landing page with no photos. It emphasizes accessibility, interactive layers, and a distinct visual identity.
The page tells the story of one pot, layering ingredients and concepts from base to smoke. All visuals are CSS-based: pot, rice, and steam designed with hard-edged shadows and two-tone typography. It includes an accordion-driven anatomy section, a vote feature that stays client-side, and a reduced-motion mode for accessibility. The designer prioritized semantic landmarks, live regions, skip links, and focus visibility. They avoided photography to explore layout, type, and CSS shapes as appetite drivers.
Question for the room: What accessible interaction pattern from this project would you reuse in your own landing pages, and why?
— via dev.to
Add a comment
0/2000