๐จ 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
Accountability Squad's Huddle
๐ Pro features, free for all members, thanks to
Anneโฏ๐
Join Accountability Squad's Huddle
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
Load the dishwasher.
๐ฏ
The Ceiling ยท burst through it
Clean for 10 minutes and load the dishwasher.
best ๐ฅ 45 ยท 2 people run this
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
โ
โ EFT-Tapping Session.
๐ฏ โฎ Do something extra for anxiety relief.
โ
๐งโโ๏ธStretch for 10 minutes.
๐ฏ ๐คธโโ๏ธWorkout for 30 minutes.
โ
โฐGet out of bed by 8 am.
๐ฏ ๐Get out of bed by 7 am. Lights out by 11 pm.
๐ The Playbook
why this habit works
๐ What do I want to achieve?
I want better health, more peace, creativity, and resilience.
๐ค Who do I want to become?
I commit to healing and reconnecting with myself.
โ Checkin Question
How did you feel?
โฐ Cue / Trigger
Get up early to have time for self-care.
๐ฌ Mantra
I deserve to heal.
โค๏ธ Why
I want to create beautiful things and be a better friend and dog mom.
Tags: Self-Care
Accountability Squad's Huddle
Last 30 Days
Cell = members checked in that day
everyone
Members who showed up
last 30 days
๐ฌ Huddle Feed
Recent Checkins, replies, and applause
Huddle Daily Update Fri, Sep 4
3 hrs
๐ 2 of 3 showed up yesterday.
๐ GLOBAL RANK: unranked. Every member's first checkin of the day adds a link to your Checkin Chain. Start the chain and get on the board.
๐ Season 3, day 5 of 30 ยท ๐ Anne & CozyComfies tied at 3 days
๐ฏ 1 burst through the ceiling
Consistency beats intensity. See you in the feed.
Bonus habit stack: 0 /3 done
โ
โ EFT-Tapping Session.
(skipped)
โ
๐งโโ๏ธStretch for 10 minutes.
(skipped)
โ
โฐGet out of bed by 8 am.
(skipped)
Huddle Daily Update Thu, Sep 3
1 day
๐ 2 of 3 showed up yesterday.
๐ GLOBAL RANK: #60 of 1,134 huddles worldwide ยท top 6%
๐ 1-link Checkin Chain holds that spot
โฌ๏ธ 1 link behind the next huddle up
๐ Season 3, day 4 of 30 ยท ๐ Anne & CozyComfies tied at 2 days
Every checkin adds a link. Don't break the chain.
Bonus habit stack: 1 /3 done
โ
โ EFT-Tapping Session.
(skipped)
โ
๐งโโ๏ธStretch for 10 minutes.
(skipped)
โ
โฐGet out of bed by 8 am.
Huddle Daily Update Wed, Sep 2
2 days
๐ FULL HOUSE! All 2 of you showed up yesterday.
๐ GLOBAL RANK: unranked. Every member's first checkin of the day adds a link to your Checkin Chain. Start the chain and get on the board.
๐ Season 3, day 3 of 30 ยท ๐ CozyComfies leads with 2 days
Show up today. One checkin each is all the chain needs.
Bonus habit stack: 1 /3 done
โ
โ EFT-Tapping Session.
(skipped)
โ
๐งโโ๏ธStretch for 10 minutes.
(skipped)
โ
โฐGet out of bed by 8 am.