Skip to content

Conversation

@krusty-agent
Copy link
Collaborator

Modern minimal home screen with card layout, FAB, whitespace, and amber accents.

Changes

  • CSS Design Tokens: Added warm cream/amber custom properties to :root (cream backgrounds, amber accents, warm neutrals)
  • Home Page: Cleaner header with list count, pill-style quick action chips, tighter spacing
  • ListCard: Streamlined card design — smaller emoji badge, rounded-2xl, subtle stone shadows, active:scale feedback
  • FAB: rounded-2xl amber button with hover rotate animation
  • Mobile-first: Optimized touch targets, whitespace, and typography for small screens

Visual Summary

  • Stone-based neutrals replace generic grays for warmer feel
  • Cards: white bg, stone-100 border, amber hover accent
  • Shared badge: compact inline pill instead of large chip
  • Chevron visible on all screen sizes

- Card layout with rounded-2xl corners, subtle shadows, clean whitespace
- Floating Action Button (FAB) with rounded-2xl, amber-500 gradient
- Warm cream/amber CSS custom properties (design system tokens)
- Streamlined ListCard: smaller emoji badge, tighter typography, active:scale
- Pill-style quick action chips (Focus, Categories)
- List count in header, stone-based neutrals for modern minimal feel
- Optimized spacing and touch targets for mobile
@brianorwhatever brianorwhatever merged commit 7a397fb into main Feb 11, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants