π¨ 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
Road to 100k's Huddle
2 members Β· led by
Fantosko
Join Road to 100k'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
Open my project management tool and review my next task
π―
The Ceiling Β· burst through it
Complete 30 minutes of focused work on my business launch
best π₯ 1 Β· 2 people run this
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?
Build my own business
π€ Who do I want to become?
I am a proactive and resilient entrepreneur
β Checkin Question
What did you accomplish?
β° Cue / Trigger
Opening my laptop at my dedicated workspace
π¬ Mantra
Consistency builds the business
β€οΈ Why
I want to do this to build a life of freedom and creative control while solving problems I care about.
Tags: Productivity, Resilience, Skills
Road to 100k's Huddle
Last 30 Days
2
Cell = members checked in that day
everyone
Members who showed up
last 2 days
Member
Days
π―
%
π₯
Fantosko
1
0
50
1 (1)
οΉ
1
0
50
1 (1)
π¬ Huddle Feed
Recent Checkins, replies, and applause
Huddle Daily Update Tue, Aug 25
4 hrs
π FULL HOUSE! All 2 of you showed up yesterday.
π GLOBAL RANK: #30 of 627 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 26 of 31 Β· π Fantosko & οΉ tied at 1 days
The huddles above you are checking in right now.
Huddle Message
General announcement
π marcxooo. has joined the huddle!