π¨ 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
Checkin
Save Changes
SECONDARY (Standard Actions):
Emerald text + Transparent emerald BG + White border β’ Use for: Reply, Invite, Edit, most actions
Reply
Invite
Edit
π 3
INFO (View/Read-Only):
Grey text + Grey BG + White border β’ Use for: View, Details, Manage, Info
View
Details
Manage
FILTER/TOGGLE (Navigation):
White text + White border β’ Use for: Filters, tabs, toggles with chevrons
30 days
90 days (Active)
Replace
DESTRUCTIVE (Dangerous):
Red text + Red BG + White border β’ Use for: Delete, Leave, Remove
Leave Huddle
Delete
β¨ 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
The Belle
6 members Β· led by
navetz
π Pro features, free for all members, thanks to
navetz
Join The Belle
This huddle is exclusive: joining sends a request to its admins.
Join This Huddle
The habit you get when you join
or you can create your own
β
The Floor Β· just show up
15 min workout
π―
The Ceiling Β· burst through it
30 min workout
best π₯ 697
Start your own huddle with this habit
This huddle is exclusive: join above to send a request, or start your own huddle with this habit.
β Bonus Habit Stack
stacks onto the habit above
β
5 min spider
π― 10 min spider
π The Playbook
why this habit works
β° Cue / Trigger
Turn anime on downstairs TV
π€ Identity
I'm consistently in good shape.
π Long-term Goal
To be strong into my old age.
π¬ Mantra
I am capable of being strong.
β€οΈ Why
I want to be active and in good shape when my kids are older.
Tags: Fitness
π
Season 2
day 11 of 31
ends Sep 1
π
3 leading Β· 10 days
π
Calendar
5β¨
5β¨
5β¨
5β¨
6β¨
6β¨
6β¨
6β¨
6β¨
6β¨
6β¨
6β¨
5β¨
6β¨
6β¨
6β¨
6β¨
5β¨
6β¨
6β¨
6β¨
6β¨
6β¨
6β¨
6β¨
6β¨
6β¨
Cell = members checked in that day
everyone β¨
π¬ Huddle Feed
Recent Checkins, replies, and applause
Huddle Daily Update Sun, Aug 9
14 hrs
πͺ 5 of 6 showed up yesterday. One more for a full house.
π GLOBAL RANK: #3 of 544 huddles worldwide Β· top 1%
π 59-link Checkin Chain holds that spot
β¬οΈ 76 links behind the next huddle up
β¬οΈ 7 links ahead of the pack behind
π Season 2, day 10 of 31 Β· π 5 tied at 9 days
π― 1 burst through the ceiling
Today is a fresh square on the calendar. Fill it.
β
15 min workout
π¬ physio
Bonus habit stack: 0 /1 completed
β
5 min spider
(skipped)
Huddle Daily Update Sat, Aug 8
1 day
π FULL HOUSE! All 6 of you showed up yesterday.
π GLOBAL RANK: #3 of 562 huddles worldwide Β· top 1%
π 54-link Checkin Chain holds that spot
β¬οΈ 60 links behind the next huddle up
β¬οΈ 4 links ahead of the pack behind
π Season 2, day 9 of 31 Β· π 6 tied at 8 days
π― 1 burst through the ceiling
Every checkin adds a link. Don't break the chain.