π¨ 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
bigvillaingremlin's Consistent Gym Routine Huddle
2 members Β· led by
bigvillaingremlin
Join bigvillaingremlin's Consistent Gym Routine 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
Do somwthing active.
π―
The Ceiling Β· burst through it
Complete a 45-minute workout at the gym.
best π₯ 1 Β· 2 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?
Go to the gym three times a week to improve my physical strength.
π€ Who do I want to become?
I am the type of person who prioritizes my fitness and health.
β Checkin Question
What did you accomplish?
β° Cue / Trigger
Putting on my workout clothes immediately after finishing my workday.
π¬ Mantra
Showing up is half the battle.
β€οΈ Why
I want to build a regular exercise routine because I deserve to feel strong, energized, and confident in my physical abilities.
Tags: Fitness, Resilience
bigvillaingremlin's Consistent Gym Routine Huddle
Last 30 Days
2
Cell = members checked in that day
everyone
Members who showed up
last 2 days
π¬ Huddle Feed
Recent Checkins, replies, and applause
Huddle Message
General announcement
π bigvillaingremlin is now working on:
β
Do somwthing active.
π― Complete a 45-minute workout at the gym.