๐จ 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
SECONDARY (Standard Actions):
Emerald text + Transparent emerald BG + White border โข Use for: Reply, Invite, Edit, most actions
INFO (View/Read-Only):
Grey text + Grey BG + White border โข Use for: View, Details, Manage, Info
FILTER/TOGGLE (Navigation):
White text + White border โข Use for: Filters, tabs, toggles with chevrons
DESTRUCTIVE (Dangerous):
Red text + Red BG + White border โข Use for: Delete, Leave, Remove
โจ 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
where we show up and show out's Huddle
Join this huddle
Join where we show up and show out's Huddle
Start building habits with this community today!
The habit you get when you join
or you can create your own
โ
The Floor ยท just show up
Take one step toward a goal
๐ฏ
The Ceiling ยท burst through it
Finish something important today
best ๐ฅ 4 ยท 3,396 people run this
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?
To build unstoppable momentum through consistent daily progress and become the best version of myself.
๐ค Who do I want to become?
I am someone who makes consistent progress every day.
โ Checkin Question
What did you accomplish today?
โฐ Cue / Trigger
Think about one goal when you wake up
๐ฌ Mantra
Small steps daily lead to big results.
โค๏ธ Why
Building momentum through consistent daily action and celebrating small wins that compound into meaningful growth.
where we show up and show out's Huddle
Last 30 Days
Cell = members checked in that day
everyone
๐ฌ Huddle Feed
Recent Checkins, replies, and applause
Huddle Message
General announcement
๐ backtokatt is now working on:
โ
Fuel ๐ฝ๏ธ
Huddle Message
General announcement
๐ Niko Bellic is now working on:
โ
Workout in the morning before work
Huddle Message
General announcement
๐ bigniko0703 has joined the huddle!
Huddle Message
General announcement
๐ Rakim is now working on:
โ
Go to the gym and work out for an hour
๐ฏ Gym 5x a week
Huddle Message
General announcement
๐ r9k1m has joined the huddle!