π¨ 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
Marfachan's server
2 members Β· led by
Marfachan
Join Marfachan's server
Start building habits with this community today !
Join This Huddle
β
Martha Carmona's habit
what they're building here
β
The Floor Β· just show up
Open the Habit Huddle app and log the day
π―
The Ceiling Β· burst through it
Log one specific career win or lesson from the day in the app
best π₯ 3
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?
Combat all-or-nothing thinking and maintain motivation
π€ Who do I want to become?
I am someone who follows through
β Checkin Question
How did you feel?
β° Cue / Trigger
Setting my alarm on my phone for the next day
π¬ Mantra
Showing up is the win
β€οΈ Why
I need to prove to myself that I can show up, even when I feel like quitting or think no one is watching.
Tags: Productivity, Resilience, Self-Care
Marfachan's server
Last 30 Days
2
1
2
Cell = members checked in that day
everyone
Members who showed up
last 3 days
π¬ Huddle Feed
Recent Checkins, replies, and applause
Huddle Daily Update Fri, Sep 11
3 hrs
π 1 of 2 showed up yesterday.
π GLOBAL RANK: #40 of 1,130 huddles worldwide Β· top 4%
π 4-link Checkin Chain holds that spot
β¬οΈ 1 link behind the next huddle up
β¬οΈ 1 link ahead of the pack behind
π Season 1, day 12 of 30 Β· π Martha Carmona leads with 3 days
The huddles above you are checking in right now.
Huddle Daily Update Thu, Sep 10
1 day
π FULL HOUSE! All 2 of you showed up yesterday.
π GLOBAL RANK: #68 of 1,129 huddles worldwide Β· top 7%
π 1-link Checkin Chain holds that spot
β¬οΈ 1 link behind the next huddle up
π Season 1, day 11 of 30 Β· π Marfachan & Martha Carmona tied at 1 days
π― 1 burst through the ceiling
The huddles above you are checking in right now.