🎨 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
Vincen
@vincen
Builder
Builder
Member since July 2026
🔥 45
Day streak
48
Days checked in
1
Huddle
✅ Check in with your and other's goals
💬 Went to work, exercised, and read. I had to work overtime and I didn’t get much sleep last night so I was a bit sluggish and didn’t do a lot today. Fortunately I’m off tomorrow so I’ll try to make up for it then 👍
45
3
✅ Check in with your and other's goals
💬 Worked out, read, cleaned, did a few chores and some research
44
1
✅ Check in with your and other's goals
💬 I spent a lot of time reading and cleaning again. I also journaled, studied Portuguese, and did some research for gardening.
43
9
✅ Check in with your and other's goals
💬 I read most of today. Planning to do more tomorrow now that I’m pretty much over my cold.
40
4
✅ Check in with your and other's goals
💬 Went skating and bought some books. I spent most of the day out with friends so I didn’t do a ton besides that.
39
2
✅ Check in with your and other's goals
💬 Spent more time resting today but I did some language learning too. 👍
38
9
✅ Check in with your and other's goals
💬 Rested again for most of the day because I caught a cold. I’m not mad about it though. I knew I was coming down with something yesterday. A sick day is always justified but I’ll definitely make more of an effort to be productive tomorrow👍
37
7
✅ Check in with your and other's goals
💬 Dyed my hair and spent most of the day chilling. Definitely enjoyed my weekend and will lock back in tomorrow 👍
36
5
⚡ Habit Huddles
every habit you track is a huddle. solo or with friends
✅ Floor Check in with your and other's goals
2·
Potential Center from wish.com's Huddle
Member
📦 Saved Habits
not in a huddle right now · copy one anytime
✅ Floor Check in with your and other's goals
✅ Floor Read 1 page
🎯 Ceiling Read a chapter
✅ Floor Open my learning material
🎯 Ceiling Study or practice for 20 minutes
✅ Check in with your and other's goals
Potential Center from wish.com's Huddle
45
🔥 Streak (Best: 45)
100%
📊 Consistency
29
✅ Normal Checkin
0
🎯 Goal Checkin
Checkin Calendar
Last 30 DaysS
M
T
W
T
F
S
Aug 4-8
Aug 9-15
Aug 16-22
Aug 23-29
Aug 30-2
✅ checkin · 🎯 goal day · ❌ missed
🏆 Trophy Case
Season placements across all huddles
🥇
2
Gold
🥈
0
Silver
🥉
0
Bronze
Vincen's Achievements
@vincen
16
🏆 Achievements
530
⭐ Points
🔥 Streak Masters
Common
🔥
First Flame
Complete your first checkin
⭐
5 pts
Jul 13
Common
⚔️
Week Warrior
Reach a 7-day streak
⭐
25 pts
Jul 24
Uncommon
🛡️
Fortnight Fighter
Reach a 14-day streak
⭐
50 pts
Jul 31
Rare
👑
Monthly Master
Reach a 28-day streak
⭐
100 pts
Aug 15
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
Jul 19
Common
💪
Dedicated
Complete 25 total checkins
⭐
30 pts
Aug 8
Uncommon
🎯
Committed
Complete 50 total checkins
⭐
50 pts
Sep 2
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
Aug 8
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
Jul 26
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
Locked
Common
🤜
Accountability Buddy
Be in a huddle with at least 1 other member
⭐
20 pts
Jul 15
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
Aug 11
Uncommon
🦉
Night Owl
Checkin after 11 PM
⭐
20 pts
Jul 29
Common
🎮
Weekend Warrior
Checkin on both Saturday and Sunday
⭐
25 pts
Jul 20
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
Aug 8
Common
📚
Habit Collector
Create 3 different habits
⭐
30 pts
Jul 13
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
Aug 4