๐จ 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
Play's Renovated Cafe's Huddle
7 members
Join Play's Renovated Cafe's Huddle
Start building habits with this community today !
Join This Huddle
The habit you get when you join
or you can create your own
โ
Do a 5 minute workout
๐ฏ
Complete a full workout session
best ๐ฅ 11 ยท 26 people run this
Join & Start
Use it solo
Not your style? You can swap in a habit of your own after you join.
๐ The Playbook
why this habit works
โ Checkin Question
What exercise did you do?
โฐ Cue / Trigger
Put on my workout clothes
๐ค Identity
I am someone who moves my body every day.
๐ Long-term Goal
To build consistent exercise habits for lifelong health and energy.
๐ฌ Mantra
Stronger and healthier every day.
โค๏ธ Why
Movement is medicine. Daily exercise boosts my energy, improves my mood, and builds long-term health. Start small and build up.
๐
Season 1
day 19 of 31
ends Aug 1
๐
2 leading ยท 13 days
๐
Calendar
Cell = members checked in that day
everyone โจ
๐ฌ Huddle Feed
Recent Checkins, replies, and applause
Huddle Daily Update Fri, Jul 17
18 hrs
๐ช 5 of 7 showed up yesterday. 2 more for a full house.
๐ GLOBAL RANK: #11 of 2,322 huddles worldwide ยท top 1%
๐ 6-link Checkin Chain holds that spot ยท 2 links behind the next huddle up ยท 1 link ahead of the pack behind
๐ Season 1, day 18 of 31 ยท ๐ Play leads with 13 days
โ 1 missed
๐ง Play saved by streak freeze
Show up today. One checkin each is all the chain needs.
Huddle Message
General announcement
1 day
๐ fate_obsidian has joined the huddle!