π¨ 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
m's Daily Hydration Huddle
Join m's Daily Hydration Huddle
Start building habits with this community today !
Join This Huddle
β
Mohan Naidu's habit
what they're building here
β
The Floor Β· just show up
Do five air squats and eat one piece of fruit.
π―
The Ceiling Β· burst through it
Complete 20 minutes of physical activity and consume three servings of vegetables.
best π₯ 1
Join & Start
Start your own
Not your style? You can swap in a habit of your own after you join.
π The Playbook
why this habit works
π What do I want to achieve?
Exercise and good eating
π€ Who do I want to become?
I am a person who prioritizes health through consistent movement and mindful eating.
β Checkin Question
What did you accomplish?
β° Cue / Trigger
After I put on my morning shoes
π¬ Mantra
Move more, eat better.
β€οΈ Why
I want to focus on my fitness and nutrition because I want to feel strong, capable, and proud of the choices I make for my body every day.
Tags: Fitness, Nutrition, Self-Care
m's Daily Hydration Huddle
Last 30 Days
Cell = members checked in that day
everyone
Members who showed up
last 4 days
π¬ Huddle Feed
Recent Checkins, replies, and applause
Huddle Daily Update Sat, Aug 29
22 hrs
π 1 of 2 showed up yesterday.
π± Starting soon: Joel Louis-Ugbo (today). Their first checkin adds a link to the chain.
π GLOBAL RANK: #28 of 607 huddles worldwide Β· top 5%
π 2-link Checkin Chain holds that spot
β¬οΈ 1 link behind the next huddle up
β¬οΈ 1 link ahead of the pack behind
π Season 1, day 30 of 31 Β· π 3 tied at 1 days
β 1 missed
Consistency beats intensity. See you in the feed.
Huddle Daily Update Fri, Aug 28
1 day
β
You showed up yesterday. That's the whole job.
π 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 1, day 29 of 31 Β· 1 day showed up so far
Nobody builds alone. Checkin and pull the next person with you.