๐จ 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
Join Kenji'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
โ
The Floor ยท just show up
Write down exactly one task for tomorrow
๐ฏ
The Ceiling ยท burst through it
Define the very next small step for my game project
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
โ Checkin Question
What did you accomplish?
โฐ Cue / Trigger
After I finish my last meal of the day
๐ค Identity
I am an organized creator
๐ Long-term Goal
Manage a complex long-term project
๐ฌ Mantra
Clear path, clear mind
โค๏ธ Why
I want to stay organized so I never feel overwhelmed or lost when I finally have time to work on my models.
Tags: Organization, Productivity
๐
Season 1
day 6 of 31
ends Sep 1
๐
Calendar
Cell = members checked in that day
everyone โจ
๐ฌ Huddle Feed
Recent Checkins, replies, and applause
Huddle Daily Update Tue, Aug 4
11 hrs
โ
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 5 of 31 ยท 2 days showed up so far
Today is a fresh square on the calendar. Fill it.
Huddle Daily Update Mon, Aug 3
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 4 of 31 ยท 2 days showed up so far
Nobody builds alone. Checkin and pull the next person with you.