status
created
tags
priority
created_at
related
updated_at
transitions
archived
2026-03-16
high
2026-03-16T07:51:51.869Z
005-poll-creation-management
008-voting-system
009-public-sharing
2026-03-16T09:07:18.408Z
status
at
archived
2026-03-16T09:07:18.408Z
Mobile-First UI Design
Status : 📦 Archived · Priority : High · Created : 2026-03-16 · Tags : ui, mobile
Overview
Design all UI mobile-first. The primary use case is people voting on their phones. Desktop is a secondary concern—layouts should scale up, not be shoehorned down.
Design
Principles
Touch targets ≥ 44px
Single-column layout on mobile; expand on larger screens
Bottom navigation bar (thumb-friendly)
Minimal chrome—content first
System font stack for performance
Key Screens
Home / Poll list : Cards showing poll title, status, vote countCreate poll : Simple form, large inputs, toggle for anonymityPoll detail : Results visualization, vote buttons, participant listProfile : Edit name, bio, tagsPoll management (owner/mod): User list, role controls, start/stop
Navigation
Bottom tab bar: Home, Create (+), Profile
Poll detail accessed by tapping a poll card
Management accessed via gear icon within poll detail
Styling
Tailwind CSS with mobile breakpoints as default
Dark mode support (respects prefers-color-scheme)
CSS transitions for state changes (vote submitted, poll status change)
Plan
Test
