๐จ 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
Vikram Vinc's Zmaj (Doug)'s Habit
1 member
This huddle is exclusive
Sign up to request to join Vikram Vinc's Zmaj (Doug)'s Habit.
Sign up
The habit you get when you join
or you can create your own
โ
Drink 1.5L Water
๐ฏ
Drink 2L Water
best ๐ฅ 1 ยท 2 people run this
This huddle is invitation-only: request to join above, or run the habit solo.
๐ The Playbook
why this habit works
โ Checkin Question
How much water did you drink?
โฐ Cue / Trigger
Sit down at chair
๐ค Identity
I am a turtle, not a tortoise
๐ Long-term Goal
Kidney Stone Prevention
๐ฌ Mantra
A few sips at a time
โค๏ธ Why
Avoid anxiety about dark color urine, avoid discomfort from passing minerals, avoiding more serious consquences of stones.
๐
Season 1
day 21 of 31
ends Aug 1
No checkins yet this season. First one leads.
๐
Calendar
Cell = members checked in that day
everyone โจ
๐ฌ Huddle Feed
Recent Checkins, replies, and applause