๐จ Habit Huddle UI System
A simple, consistent design system: Emerald = Action, Grey = Info, Red = Danger
CLICKABLE TEXT:
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
Liz
@liz
Member since August 2026
๐ฅ 0
Day streak
best: 1
1
Days checked in
2
Huddles
15 days
โ What did you accomplish? | โ
Put on your workout clothes and move for 1 minute
๐ฌ Joined Habit Huddle Today!
1
โก Habit Huddles
every habit you track is a huddle. solo or with friends
โ
Floor Read 1 page
๐ฏ Ceiling Read a chapter
8ยท
โห ๐๐ฏ๐ ๐ฅ๐ฆ๐ณ๐ข ๐บ๐ถ๐บ โก's Huddle
Member
โ
Floor Put on your workout clothes and move for 1 minute
๐ฏ Ceiling Complete a full workout session
1ยท
Yippee
Leader
๐ฆ Saved Habits
not in a huddle right now ยท copy one anytime
โ
Floor Apply moisturizer to my face
๐ฏ Ceiling Complete a full morning skincare routine including cleansing, moisturizing, and sunscreen
0
๐ฅ Streak (Best: 1)
6.7%
๐ Consistency
1
โ
Normal Checkin
0
๐ฏ Goal Checkin
Checkin Calendar
Last 30 DaysS
M
T
W
T
F
S
Aug 25-29
Aug 30-5
Sep
Sep 6-10
โ
checkin ยท ๐ฏ goal day ยท โ missed
0
๐ฅ Streak (Best: 0)
0%
๐ Consistency
0
โ
Normal Checkin
0
๐ฏ Goal Checkin
Checkin Calendar
Last 30 DaysS
M
T
W
T
F
S
Aug 25-29
Aug 30-5
Sep
Sep 6-10
โ
checkin ยท ๐ฏ goal day ยท โ missed
๐ Trophy Case
Season placements across all huddles
๐ฅ
1
Gold
๐ฅ
0
Silver
๐ฅ
0
Bronze
Liz's Achievements
@liz
4
๐ Achievements
70
โญ Points
๐ฅ Streak Masters
Common
๐ฅ
First Flame
Complete your first checkin
โญ
5 pts
Aug 25
Common
โ๏ธ
Week Warrior
Reach a 7-day streak
โญ
25 pts
Locked
Uncommon
๐ก๏ธ
Fortnight Fighter
Reach a 14-day streak
โญ
50 pts
Locked
Rare
๐
Monthly Master
Reach a 28-day streak
โญ
100 pts
Locked
Epic
๐
Streak Legend
Reach a 66-day streak
โญ
200 pts
Locked
Epic
๐ฏ
Quarter Quest
Reach a 90-day streak
โญ
300 pts
Locked
Legendary
๐
Half Year Hero
Reach a 180-day streak
โญ
500 pts
Locked
Legendary
๐ฑโ๐ค
Nine Month Ninja
Reach a 270-day streak
โญ
700 pts
Locked
Legendary
๐ซ
Year of Habit
Reach a 365-day streak
โญ
1000 pts
Locked
โ Checkin Champions
Common
๐ฑ
Getting Started
Complete 5 total checkins
โญ
10 pts
Locked
Common
๐ช
Dedicated
Complete 25 total checkins
โญ
30 pts
Locked
Uncommon
๐ฏ
Committed
Complete 50 total checkins
โญ
50 pts
Locked
Rare
๐ฆธ
Habit Hero
Complete 100 total checkins
โญ
100 pts
Locked
Epic
๐
Checkin Champion
Complete 250 total checkins
โญ
200 pts
Locked
Legendary
๐ง
Habit Master
Complete 500 total checkins
โญ
400 pts
Locked
Legendary
๐
Habit Legend
Complete 750 total checkins
โญ
600 pts
Locked
Uncommon
๐ฏ
Goal Getter
Hit your daily goal 10 times
โญ
50 pts
Locked
Rare
โญ
Overachiever
Hit your daily goal 50 times
โญ
100 pts
Locked
Epic
๐ฅ
Goal Crusher
Hit your daily goal 110 times
โญ
175 pts
Locked
Epic
๐ค
Goal Machine
Hit your daily goal 175 times
โญ
275 pts
Locked
Legendary
๐
Goal Grandmaster
Hit your daily goal 250 times
โญ
400 pts
Locked
๐ฌ Social Butterflies
Epic
๐
Applause Storm
Give 500 applause
โญ
200 pts
Locked
Rare
๐ฌ
Talk of the Huddle
Reply to checkins 150 times
โญ
100 pts
Locked
Common
๐
First Friend
Give applause 2 times
โญ
10 pts
Locked
Common
๐ฃ
Cheerleader
Give 25 applause to others
โญ
30 pts
Locked
Uncommon
๐
Hype Squad
Give 100 applause to others
โญ
75 pts
Locked
Common
โค๏ธ
Popular
Receive 3 applause on your checkins
โญ
15 pts
Locked
Uncommon
๐
Beloved
Receive 10 applause on your checkins
โญ
40 pts
Locked
Rare
๐
Superstar
Receive 25 applause on your checkins
โญ
75 pts
Locked
Common
๐ฌ
Conversation Starter
Leave 2 replies
โญ
10 pts
Locked
Uncommon
๐ฃ๏ธ
Chatty
Leave 25 replies
โญ
40 pts
Locked
๐ฅ Huddle Heroes
Common
๐ค
Team Player
Join 2 huddles
โญ
15 pts
Aug 25
Common
๐ค
Accountability Buddy
Be in a huddle with at least 1 other member
โญ
20 pts
Aug 25
Uncommon
๐ฐ
Huddle Hopper
Join 3 different huddles
โญ
40 pts
Locked
Uncommon
๐๏ธ
Community Builder
Create 2 huddles
โญ
50 pts
Locked
Rare
๐ฅ
Huddle Leader
Have 5 members in your huddle
โญ
75 pts
Locked
Epic
๐
Huddle Champion
Have 10 members in your huddle
โญ
125 pts
Locked
Legendary
๐
Huddle Master
Have 25 members in your huddle
โญ
200 pts
Locked
Rare
โญ
Pro Recruiter
Have a Pro member join your huddle
โญ
50 pts
Locked
Epic
๐
Pro Magnet
Have 3 Pro members in your huddle
โญ
100 pts
Locked
๐ Milestones
Rare
๐ฆ
Early Bird II
Checkin before 7 AM 25 times
โญ
60 pts
Locked
Epic
๐
Early Bird III
Checkin before 7 AM 100 times
โญ
150 pts
Locked
Rare
๐ฆ
Night Owl II
Checkin after 11 PM 25 times
โญ
60 pts
Locked
Epic
๐
Night Owl III
Checkin after 11 PM 100 times
โญ
150 pts
Locked
Rare
โ๏ธ
Weekend Warrior II
Checkin on both Saturday and Sunday, 10 weekends
โญ
75 pts
Locked
Epic
๐ก๏ธ
Weekend Warrior III
Checkin on both Saturday and Sunday, 40 weekends
โญ
200 pts
Locked
Rare
๐ธ
Photographer II
Add photos to 50 checkins
โญ
100 pts
Locked
Uncommon
๐ฆ
Early Bird
Checkin before 7 AM
โญ
20 pts
Locked
Uncommon
๐ฆ
Night Owl
Checkin after 11 PM
โญ
20 pts
Locked
Common
๐ฎ
Weekend Warrior
Checkin on both Saturday and Sunday
โญ
25 pts
Locked
Common
๐ธ
Picture Perfect
Add a photo to your checkin
โญ
15 pts
Locked
Uncommon
๐ผ๏ธ
Photographer
Add photos to 10 checkins
โญ
50 pts
Locked
Rare
โญ
Pro Member
Become a Pro subscriber
โญ
100 pts
Locked
Common
๐
Habit Collector
Create 3 different habits
โญ
30 pts
Aug 25
Uncommon
๐๏ธ
Habit Hoarder
Create 10 different habits
โญ
75 pts
Locked
โจ Special & Secret
Common
๐ง
Streak Saver
Use a streak freeze to save your streak
โญ
20 pts
Locked