Nyburs β€” Design Mockups

Single index for every module's UX, ordered like the app: Home & shell β†’ Chat β†’ Places β†’ Pages β†’ Bazaar β†’ Circles β†’ Live β†’ Search β†’ Daily. As we redesign a module, its mockups get linked here so anyone knows where each surface lives. Tap a card to open; toggle dark/light top-right.

Home / Timeline & App Shell

🏠 Timeline / Home β€” redesign
The original full-app redesign reference β€” home timeline, cards, and overall visual direction.
✍️ One Composer (FAB)
"One Composer to Rule All" β€” single create flow for every post type, launched from the FAB.
☰ Side Menu Refresh
X-match side drawer: identity block, grouped destinations, cleaner density.
πŸ‘€ Identity Switcher BUILT βœ“
Account switch with the Accounts group β€” personal + linked pages, both themes. Built on dev.
πŸ‘‹ Onboarding / Welcome carousel
Welcome-carousel redesign for the signup funnel.

Chat & Channels

πŸ’¬ Chat & Channel β€” Enterprise NEW
Enterprise polish pass: friends-first Create Group (members β†’ name), enterprise New Chat, the steady WhatsApp-grade composer (only mic⇄send), and a denser Chats header. 5 screens, light+dark.
πŸŽ™οΈ Voice Messages NEW
Hold-to-talk + slide-to-cancel + slide-to-lock, live waveform while recording, and a real per-message waveform bubble with scrub + 1Γ—/1.5Γ—/2Γ— speed. 5 states, light+dark.
✨ Chat Motion & Interaction NEW
Interactive motion spec β€” press-scale, sliding tabs, chip spring, mic⇄send, shimmerβ†’content, stagger, Joinβ†’Joined. Tap to feel it before we build.
πŸ“’ Channels β€” Discovery & Create
Channels top-tab beside Chats, location-first discovery feed, compact rows, category browse, and the priority-first create flow. 7 screens, light+dark.
βš™οΈ Channel / Group Info β€” current ACTIVE
The active Channel Info design (improved pass, 2026-06-30): role-branched β€” admin (Manage + Delete) vs viewer (read-only), plus the admin-only Manage screen. 7 frames.

Parity Wave β€” single-source per feature (approval gate)

πŸ“Œ In-chat Message Pinning G3
Pin a message inside a channel/group: always-on pinned bar under the app bar, admin-only Pin in the long-press menu, multi-pin cycle, jump-to-message glow, and an all-pins bottom sheet. 5 states, light+dark.
πŸ”— Channel @handle G10
Bare @handle (Telegram-style) on top of the existing /channel/id. Claim-handle picker (available/taken + suggests), header @villagenotice Β· subs, share sheet (QR + nyburs.com/@villagenotice), and open-by-handle landing. 5 states, light+dark.
πŸ”΄ Live in Channel G12 Β· Phase 0
Admin goes live; an in-chat card surfaces it to subscribers. Scheduled card β†’ LIVE-now card + banner β†’ viewer (channel chat = live chat) β†’ ended summary β†’ admin Go-Live sheet. 5 states, light+dark.
πŸ’¬ Thread-reply Badge G5
Reply badge on the parent bubble (count + last-replier avatars), live-bump when a reply arrives (fixes the stale-count bug), and the thread view. 3 states, light+dark.
πŸ‘ Post View Counts NEW
Telegram-style πŸ‘ impression count on channel broadcast posts. Recommended meta-row placement next to the time (3 Β· 1.2k Β· 18k) vs two alternatives, coexisting with the comment footer + reaction chips, and the counting/who-sees/lazy-update rules. 3 panels + notes, light+dark.
πŸ—„οΈ Archive Chats NEW
WhatsApp-style archiving: long-press β†’ select β†’ Archive; a quiet Archived row at the LIST BOTTOM (not a top folder); archived list with swipe/long-press to unarchive; a new message keeps a chat archived and only bumps the row's count. DMs & channels both. 4 panels + notes, light+dark.
πŸ“Œ Sticky Parent in Threads NEW
In a long thread the original message scrolls away; a slim ~48px header slides in showing the parent's author + first line (ellipsized), tap-to-jump-to-parent. Appears only once the parent scrolls out, never covers content (replies scroll under), jump = the dismiss. 4 panels + notes, light+dark.
πŸ–ΌοΈ Shared Media Strip NEW
Info page shared-media upgrade: today's count-only "Media 2" row β†’ a horizontal 4-thumbnail strip above it (square thumbs, +N on the last when more), tap thumb β†’ viewer, tap row β†’ full page. Plus empty (no strip, "No media"), exactly-4, and photos-only edge cases. Lazy-loaded, hidden at zero. 4 panels + notes, light+dark.
🐒 Slow Mode G9
Admin interval picker (OffΒ·10sΒ·30sΒ·1mΒ·5m, admins exempt), member cooldown composer with circular countdown + on-brand toast (2 copy options), and ready-again. 3 states, light+dark.

Interaction & Engagement Wave β€” state-complete (spec: chat-interaction-engagement-state-spec.md)

πŸ–ΌοΈ Chat background β€” decision record kept as-is
Decision (2026-07-01): KEEP the current doodle wallpaper for now; user-pickable wallpaper (Option D) + neutral/contrast polish = FUTURE. Comparison kept as the record: today's clash vs A doodle Β· B clean Β· C brand Β· D picker. Light+dark.
✦ Reactions & Reply β€” LIVE prototype interactive
The real motion, not static frames. Long-press β†’ anchored bar springs up; tap an emoji β†’ it flies onto the badge with a pop + confetti; double-tap β†’ heart burst; swipe a bubble β†’ reply docks. Includes an Auto-play. This is how it actually works.
πŸ’š Reactions β€” anchored overlay M1
Effortless reactions, every state: resting badges (+N overflow), long-press β†’ anchored quick-bar (not a bottom sheet), double-tap ❀️, optimistic apply, error/offline retry, who-reacted list, and a designed reactions-off state. 7 states, light+dark.
πŸ’¬ Reply vs Thread M2
The two-verb model: swipe-right = quick inline reply (main flow); a message with a discussion grows a distinct πŸ’¬ thread footer (count Β· last-replier Β· unread) that opens the thread. Plus start/empty, channel Comments mode, and comments-off / follow-to-comment states. 6 states, light+dark.
🧩 Message states M3
The states that make chat feel finished: send lifecycle (clock→sent→read), recoverable failed-send (Retry/Delete), deleted-message tombstone, edited marker, incoming-media with no layout jump + broken-media retry, and read-only/not-joined footers explained instead of a hidden 0-px box. 6 states, light+dark.
🧡 Threads inbox β€” redesign M4
The existing global threads surface, card-stack β†’ scannable list: per-row parent snippet, reply count, last-replier avatars, unread dot, time; reply-in-place, mark-all-read, filters, follow/mute, and real empty vs error vs loading states. 6 states, light+dark.
β‹― Long-press menu & swipe M5
Complete context surface: full menu with Report (missing today) + correct Pin icon, role/mode-aware actions (Edit/Pin/Comment/Delete), swipe-to-reply, and a jump-to-quote that loads older messages instead of dead-tapping. 4 states, light+dark.

Places β€” My Gaon & Civic

πŸ“ Place Journey (S1–S15) SSOT
The full place-pages journey: entry, intro, landing/header, overview, contribution, feed, issues, communities, people, leaderboard, steward, profile-civic, office/authority, events, party.
🧭 Follow + Explore β€” multi-place BUILT βœ“
Follow many places, Place Pulse, trending villages/seats, constituency intelligence (F8 political signal). Built on dev.
πŸ—³οΈ Constituency (Seat) Page
Redesigned constituency/seat page β€” representative, issues, and area intelligence.
πŸͺͺ Civic Profile Integration
One profile β€” civic identity, Seva, and place contributions integrated into the user profile.
🧩 Localised Social / Typed Places legacy ref
Legacy full-surface reference: localised social plan + typed-places taxonomy, events & alerts, engagement levels.
πŸ“ My Gaon β€” early wireframes
Place-page structure wireframe options + header/Follow placement explorations.

Pages β€” Platform & Identity

πŸ—οΈ Pages Platform β€” create + claim BUILT βœ“
Place-affiliated pages (party first): PP1–PP8 β€” create β†’ follow β†’ post β†’ @tag β†’ discover. Built on dev.
πŸͺͺ Page Profiles β€” all 5 types
Full-parity profiles for Party Β· Business Β· Public Figure Β· Organization Β· Community. PF1–PF5 + manager + empty/unclaimed, channel/circles blocks, both themes.
πŸ›οΈ Party Pages β€” hierarchy SHIPPED
National β†’ state β†’ constituency + My Units + Officials + Analytics. Visitor + manager, claim tree, affiliation approvals, PHC claim flow, PH8 Go Live. Shipped PR #5379.
✨ Create-a-Page onboarding
Per-category "what you get" value screens (Political Β· Public figure Β· Business Β· Organization). OB1–OB6, both themes.
🏒 Business / Franchise hierarchy
Brand β†’ outlets, per-outlet control, BRAND-MANAGED vs FRANCHISEE-OWNED, approval queue, brand dashboard, paid teaser.
πŸ”— Page ↔ Channel & Circle link
A page can run both a broadcast channel (R10, 1:1) and forum circles (R11, many) β€” shown as two blocks on the profile.
βš™οΈ Pages Admin / Management
Roles (Owner/Admin/Editor), settings hub, transfer, insights, staff-only posting, channel slot for R10.
πŸ›οΈ Authority Pages (MLA/MP/office)
Authority profile Β· dashboard Β· claim Β· broadcast for elected reps and government offices.
🌐 Page manage β€” web mockups
Web page-manage surfaces: audience-by-location analytics, unit affiliation invite, and Connect (link channel & circles).

Bazaar β€” Local Commerce

πŸ›οΈ Bazaar v2 β€” FINAL SSOT
One consolidated mockup (~28 frames, supersedes B1–B5): Discover + Sell/Manage + Rails, full taxonomy, role-aware owner/user, per-state, cold-start.
πŸͺ Bazaar home v2 β€” named programs
Bazaar lobby with named programs first β€” the consumer entry surface.
πŸ› οΈ Local Need β€” Kaam / Work
Jobs Β· services Β· workers, locked flow: printed-notice style, voice-first, no payments. 8 frames.
πŸ“‡ Nearby / Business Directory
"Ask your locality" β€” nearby business directory on the place page (pre-Bazaar reference).

Circles

β­• Circles β€” Discovery & Create NEW
Topic-first communities at scale with location as a lens ("popular in your state", "near you joined"). Hub, discovery, card anatomy, topic browse, search, create. 6 screens, light+dark.
🏠 Circle β€” Home / Landing Page NEW
The deep home a circle row deep-links into. Forum-first (activity over member-count), header "near you joined" moat, Feed/About/Members tabs. States: public read-then-join, joined+composer, About rules, Members-near-you, private locked. 5 screens, light+dark.
✨ Circle Motion & Interaction NEW
Interactive motion spec — press-scale, sliding segments, filter-chip spring, apply-set rule fill, shimmer→content, stagger, Join→Joined/Request, swipe tabs, avatar→header, admin-sheet spring, reaction long-press. Same components as chat. Tap to feel it before we build.

Live Streaming

πŸ”΄ Live β€” Unified Surface NEW
Strategic pillar (not a chat sub-feature). One live experience β€” broadcaster + viewer, YouTube-grade β€” reused across channel/circle/direct/page-party-to-area. Hub with broadcaster, viewer, reach + the now/next/later feature roadmap.

Events β€” cross-surface

πŸ“… Events β€” scheduled Live / Chaupal APPROVED
One event system surfacing everywhere: scheduled Live/Chaupal card, place feed + place page, timeline post, profile "Upcoming events", RSVP. Starts with live events; grows into all place/timeline event types.

Search & Explore

πŸ” Universal Search & Explore NEW
One box across people Β· circles Β· channels Β· posts. Place-first Explore lobby leading with Communities-near-you (segmented Circles|Channels), honest scope defaulting to your State (tap to widen/narrow), crisp like X. 5 screens incl. scope sheet, light+dark.
πŸ“ˆ Trending Hashtags & Scopes NEW
X-quality trending on every rung: India · State · District · City · Constituency (MLA→MP honest widen). 6 screens: lobby section, scope sheet w/ new rungs, tag page Top tab, composer # autocomplete, sparse-scope empty state. Hindi tags first-class.
πŸ«€ Unified Search Tab β€” END TO END SSoT
The whole module, 10 screens in 3 groups: A lobby (default Β· scope sheet Β· quiet-place fill-up) Β· B typed search (focused Β· Top Β· Posts phase-1 #tag Β· entity tabs) Β· C tags & composing (tag page Top tab Β· # autocomplete Β· constituency pulse). Posts full-text = rolling 3-week Typesense window (P2).

Daily / News

πŸ“° Nyburs Daily β€” Nearby / Discover NEW Β· APPROVED
Phase-1, nearby-first. Two tabs β€” Nearby (Top Story β†’ Near You with honest blend-up β†’ District β†’ State β†’ people-near-you β†’ live Weather) + Discover (Trending / For You / Categories / National). Plus a full "every state" gallery (exact/blended/cold-start, loading, error, empty-hidden). Dark + light.
🎧 Nyburs Daily β€” Audio briefing
Audio-first morning ritual: 76px briefing row β†’ docked mini-player β†’ expanded chaptered player (ΰ€Ήΰ€Ώΰ€‚/EN, speed, gist) β†’ synced transcript.
Nyburs design preview Β· add each module's mockups here as they're built