Daily UI 008 · 404 Page: "Drifted Off Course"

by muhammad mannan

Day 8 of #DailyUI: the 404 page. I wanted the error to feel calm instead of alarming. The idea is that getting lost on a website is a bit like drifting at sea, so the page leans into that with a small sailboat in a porthole, soft aqua tones, and copy that promises to get you "back to shore." A few decisions I made: One clear primary action ("Take me home") so users aren't stuck deciding what to do next A secondary "Report a broken link" option that helps the site owner without competing with the main button Subtle background details (a compass, a wandering dashed route, seagulls, waves) to fill the empty space and tell the story without pulling focus from the message High-contrast deep teal text on the light aqua for readability Feedback welcome, especially on the illustration and the copy tone!