Header
On mobile, the top area should not consume half the screen.
- Logo is short, menu is reachable, language does not break width.
- Answer button is visible in menu and sticky layer.
public UX
bottom compass
Mobile navigation polish
Bottom mobile navigation, short labels, safe areas, and quick doors without overload.
The user always knows where home, answer, day, search, and halls are.
Mobile rule: Bottom navigation should not compete with the main CTA: it guides, CTA completes the step.
Get answer
Main mobile CTA door for a question.
Start here
A gentle entry for a new user.
Quick wins
- Keep mobile labels to one word.
- Add safe-area padding for phones with gesture bars.
- Make all dock links large touch targets.
Trust microcopy
- Symbolic reading for reflection.
- Your question should not become an advertising example.
Bottom dock
Five doors maximum: start, answer, day, halls, search.
- Icons are not the only meaning.
- No horizontal overflow at 320px.
Red flags
- User sees three CTAs and does not know which is primary.
- Dock covers payment or form submit button.