๐จ 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
Join Irene's Morning Stillness Huddle
Start building habits with this community today!
โ
Irene Papastavrou's habit
what they're building here
โ
The Floor ยท just show up
Sit in my dedicated chair and close my eyes for one minute
๐ฏ
The Ceiling ยท burst through it
Complete 10 minutes of focused breathing or guided meditation
best ๐ฅ 1
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?
I want a calmer, clearer mind
๐ค Who do I want to become?
I am a mindful person who prioritizes mental clarity
โ Checkin Question
What did you accomplish?
โฐ Cue / Trigger
After I pour my first cup of morning tea or coffee
๐ฌ Mantra
Breath in peace, breath out clutter
โค๏ธ Why
I want to cultivate a sense of inner peace and mental clarity so I can navigate my daily challenges with composure rather than reacting out of stress.
Tags: Mindfulness, Resilience, Self-Care
๐
Season 1
day 16 of 31
ends Sep 1
๐
Irene Papastavrou ยท 1 day
Cell = members checked in that day
everyone โจ
๐ฌ Huddle Feed
Recent Checkins, replies, and applause
Huddle Message
General announcement
๐ georgia2 has joined the huddle!