Circleview Social

# Circleview — Interest-Community App

## Goal
Design and build "Circleview", a interest-community app. Feel: a good dinner party — warm, opinionated, no doomscroll mechanics. Every screen should feel native-quality — fluid, tactile, zero jank.

## Visual Language
- **Palette**: deep plum-charcoal #17141C base, warm white text, honey #F5B461 accent for highlights and unread markers
- **Type scale**: large title 32-34px bold, section header 20px semibold, body 16-17px, caption 13px.
- **Surfaces**: layered backgrounds (base / elevated card / sheet), 20px card radius, subtle 1px hairline separators.
- **Iconography**: consistent 24px stroke icons, 1.75px stroke weight.

## Screens
1. **Circles home** — joined circles as large tappable cards (name, member count, 'active now' dot, latest thread preview); discover strip below.
2. **Thread list** — inside a circle: threads as cards with title, first-line preview, reply count + last-active time; pinned thread has honey left border.
3. **Thread view** — original post prominent, replies nested max 2 levels with connector lines; quote-reply preserves a snippet block.
4. **Compose** — full-screen calm editor: title, body, one optional image; 'Post' disabled until 20+ chars (encourages substance).
5. **Profile** — avatar, bio, 'circles we share' row when viewing others, contribution garden (grid of dots per active day — growth, not streaks).

## Interactions & Motion
- No infinite feed on home — circles are finite doors, not a slot machine.
- New replies while reading: soft pill '2 new replies' floats bottom, tap to reveal — no auto-jump.
- Long-press a reply for reactions limited to 4 (insightful 💡, agree 🤝, kind ❤️, funny 😄).
- Spring physics for all transitions (stiffness ~260, damping ~24); never linear easing.
- Skeleton loaders for every async surface; optimistic UI for user actions.

## Details That Matter
- Read-state honey dots fade over 3 days — old unread guilt disappears by design.
- Quiet hours setting mutes all badges 22:00-08:00 by default. Opinionated defaults.
## Tech & Quality Bar
- React Native + Expo + TypeScript (or Flutter if requested). Reanimated for 60fps gestures.
- Dark & light mode from a single token file. Safe-area aware on all screens.
- Haptics on key confirmations. Offline-tolerant: cache last data, show stale-while-revalidate.