π¨ Habit Huddle UI System
A simple, consistent design system: Emerald = Action, Grey = Info, Red = Danger
PRIMARY (Most Important Action):
White text + Emerald gradient + White border β’ Use for: Checkin, Save, Submit
SECONDARY (Standard Actions):
Emerald text + Transparent emerald BG + White border β’ Use for: Reply, Invite, Edit, most actions
INFO (View/Read-Only):
Grey text + Grey BG + White border β’ Use for: View, Details, Manage, Info
FILTER/TOGGLE (Navigation):
White text + White border β’ Use for: Filters, tabs, toggles with chevrons
DESTRUCTIVE (Dangerous):
Red text + Red BG + White border β’ Use for: Delete, Leave, Remove
β¨ KEY IMPROVEMENTS:
- β’ ONE border color: All buttons use white/20 border (not emerald/red borders that blend in)
- β’ Simpler hierarchy: Primary β Secondary β Info β Filter β Destructive
- β’ No sky-blue: "Manage" is now grey (info) not blue
- β’ Consistent sizing: All use px-3 py-1.5 for regular, px-4 py-2 for large
- β’ Clear purpose: Each type has a specific use case
PFS-Minnesota & Northland Water Challenge
35 members Β· led by
Kimberley Blue
π Pro features, free for all members, thanks to
Kimberley Blue
Join PFS-Minnesota & Northland Water Challenge
Start building habits with this community today!
β
Genesis Morel's habit
what they're building here
β
The Floor Β· just show up
Putting on my walking shoes and walking to the end of the street and back
π―
The Ceiling Β· burst through it
Walk briskly for 30 minutes
best π₯ 1
Not your style? You can swap in a habit of your own after you join.
π The Playbook
why this habit works
β Checkin Question
What did you accomplish?
β° Cue / Trigger
Closing my laptop at the end of my workday
π€ Identity
I am an active person who prioritizes my physical health
π Long-term Goal
Lose weight and improve cardiovascular fitness
π¬ Mantra
Movement is medicine
β€οΈ Why
I want to lose weight so that I can feel more energetic, improve my long-term health, and feel more confident and comfortable in my body every day.
Tags: Fitness, Resilience, Self-Care
π
Season 1
day 6 of 31
ends Sep 1
π
Calendar
Cell = members checked in that day
everyone β¨
π¬ Huddle Feed
Recent Checkins, replies, and applause
Huddle Message
General announcement
π jerald has joined the huddle! π Pro features, free for all members, thanks to your leader.
Huddle Message
General announcement
π rebecca has joined the huddle! π Pro features, free for all members, thanks to your leader.
Huddle Message
General announcement
π chayla has joined the huddle! π A Habit Huddle Champion huddle. Pro perks free for everyone, thanks to your leader.
Huddle Message
General announcement
π sally1 has joined the huddle! π A Habit Huddle Champion huddle. Pro perks free for everyone, thanks to your leader.