🎨 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
navetz
@navetz
Champion
Admin
Champion
Admin
Member since April 2024
🔥 678
Day streak
845
Days checked in
5
Huddles
23 hrs
💬 Got the cats all set up.
✅
Needle dispose?
✅
Anti-nausea
✅
Anti-seizure
✅
Bedroom setup
✅
Phosphorus binders
—
Chipped Ear appetite stimulant
(skipped)
9
✅ Drink 1.2L water bottle.
💬 i haven't hit this today but i promise i will, just need to test discord without the habit stack.
474
59
❓ What did you ship? | 🎯 Ship something to production.
💬 bonus habit stack working in discord!
🎯
release 1 long form video
✅
talk to one customer
600
8
❓ What did you ship? | ✅ Open my code editor
💬 bonus habit stack test... let's see how it goes.
✅
release 1 short video
✅
talk to one customer
600
8
❓ Did he have a good day? | 🎯 Complete full cat care routine
💬 Good day. Fiesty. No appetite stimulant for a couple days he needs a break.
✅
Needle dispose?
✅
Anti-nausea
✅
Anti-seizure
✅
Bedroom setup
✅
Phosphorus binders
—
Chipped Ear appetite stimulant
(skipped)
8
✅ Habits
6
✅ 15 min workout
🎯 30 min workout
678
🔥 Streak (Best: 678)
100%
📊 Consistency
26
✅ Normal Checkin
4
🎯 Goal Checkin
Checkin Calendar
S
M
T
W
T
F
S
Jun 22-27
Jun 28-4
Jul
Jul 5-11
Jul 12-18
Jul 19-21
✅ Open my code editor
🎯 Ship something to production.
600
🔥 Streak (Best: 600)
100%
📊 Consistency
14
✅ Normal Checkin
16
🎯 Goal Checkin
Checkin Calendar
S
M
T
W
T
F
S
Jun 22-27
Jun 28-4
Jul
Jul 5-11
Jul 12-18
Jul 19-21
✅ Drink 1.2L water bottle.
🎯 Drink 2.4L of water.
474
🔥 Streak (Best: 474)
100%
📊 Consistency
26
✅ Normal Checkin
4
🎯 Goal Checkin
Checkin Calendar
S
M
T
W
T
F
S
Jun 22-27
Jun 28-4
Jul
Jul 5-11
Jul 12-18
Jul 19-21
✅ Read 10 pages
🎯 Read 14 pages
425
🔥 Streak (Best: 425)
100%
📊 Consistency
22
✅ Normal Checkin
8
🎯 Goal Checkin
Checkin Calendar
S
M
T
W
T
F
S
Jun 22-27
Jun 28-4
Jul
Jul 5-11
Jul 12-18
Jul 19-21
✅ Take care of cats
🎯 Complete full cat care routine
9
🔥 Streak (Best: 9)
100%
📊 Consistency
1
✅ Normal Checkin
8
🎯 Goal Checkin
Checkin Calendar
S
M
T
W
T
F
S
Jun 22-27
Jun 28-4
Jul
Jul 5-11
Jul 12-18
Jul 19-21
navetz's Achievements
@navetz
53
🏆 Achievements
9,340
⭐ Points
🔥 Streak Masters
Common
🔥
First Flame
Complete your first checkin
⭐
5 pts
Dec 3, 2025
Common
⚔️
Week Warrior
Reach a 7-day streak
⭐
25 pts
Dec 3, 2025
Uncommon
🛡️
Fortnight Fighter
Reach a 14-day streak
⭐
50 pts
Dec 3, 2025
Rare
👑
Monthly Master
Reach a 28-day streak
⭐
100 pts
Dec 3, 2025
Epic
🏆
Streak Legend
Reach a 66-day streak
⭐
200 pts
Dec 3, 2025
Epic
🎯
Quarter Quest
Reach a 90-day streak
⭐
300 pts
Dec 3, 2025
Legendary
🌟
Half Year Hero
Reach a 180-day streak
⭐
500 pts
Dec 3, 2025
Legendary
🐱👤
Nine Month Ninja
Reach a 270-day streak
⭐
700 pts
Dec 3, 2025
Legendary
💫
Year of Habit
Reach a 365-day streak
⭐
1000 pts
Dec 3, 2025
Legendary
🏃
Marathon Master
Reach a 547-day streak (1.5 years)
⭐
1500 pts
Mar 10
✅ Checkin Champions
Common
🌱
Getting Started
Complete 5 total checkins
⭐
10 pts
Dec 3, 2025
Common
💪
Dedicated
Complete 25 total checkins
⭐
30 pts
Dec 3, 2025
Uncommon
🎯
Committed
Complete 50 total checkins
⭐
50 pts
Dec 3, 2025
Rare
🦸
Habit Hero
Complete 100 total checkins
⭐
100 pts
Dec 3, 2025
Epic
🏅
Checkin Champion
Complete 250 total checkins
⭐
200 pts
Dec 3, 2025
Legendary
🧙
Habit Master
Complete 500 total checkins
⭐
400 pts
Dec 3, 2025
Legendary
🐉
Habit Legend
Complete 750 total checkins
⭐
600 pts
Dec 3, 2025
Legendary
⚡
Habit Immortal
Complete 1000 total checkins
⭐
1000 pts
Dec 3, 2025
Uncommon
🎯
Goal Getter
Hit your daily goal 10 times
⭐
50 pts
Dec 3, 2025
Rare
⭐
Overachiever
Hit your daily goal 50 times
⭐
100 pts
Dec 3, 2025
Epic
💥
Goal Crusher
Hit your daily goal 110 times
⭐
175 pts
Dec 3, 2025
Epic
🤖
Goal Machine
Hit your daily goal 175 times
⭐
275 pts
Dec 3, 2025
Legendary
👑
Goal Grandmaster
Hit your daily goal 250 times
⭐
400 pts
Dec 3, 2025
💬 Social Butterflies
Common
👏
First Friend
Give applause 2 times
⭐
10 pts
Dec 3, 2025
Common
📣
Cheerleader
Give 25 applause to others
⭐
30 pts
Dec 3, 2025
Uncommon
🎉
Hype Squad
Give 100 applause to others
⭐
75 pts
Dec 3, 2025
Common
❤️
Popular
Receive 3 applause on your checkins
⭐
15 pts
Dec 3, 2025
Uncommon
💖
Beloved
Receive 10 applause on your checkins
⭐
40 pts
Dec 3, 2025
Rare
🌟
Superstar
Receive 25 applause on your checkins
⭐
75 pts
Dec 3, 2025
Common
💬
Conversation Starter
Leave 2 replies
⭐
10 pts
Dec 3, 2025
Uncommon
🗣️
Chatty
Leave 25 replies
⭐
40 pts
Dec 3, 2025
👥 Huddle Heroes
Common
🤝
Team Player
Join 2 huddles
⭐
15 pts
Dec 3, 2025
Common
🤜
Accountability Buddy
Be in a huddle with at least 1 other member
⭐
20 pts
Dec 3, 2025
Uncommon
🐰
Huddle Hopper
Join 3 different huddles
⭐
40 pts
Dec 3, 2025
Uncommon
🏗️
Community Builder
Create 2 huddles
⭐
50 pts
Dec 3, 2025
Rare
👥
Huddle Leader
Have 5 members in your huddle
⭐
75 pts
Dec 3, 2025
Epic
🏆
Huddle Champion
Have 10 members in your huddle
⭐
125 pts
Jan 5
Legendary
👑
Huddle Master
Have 25 members in your huddle
⭐
200 pts
Locked
Rare
⭐
Pro Recruiter
Have a Pro member join your huddle
⭐
50 pts
Dec 3, 2025
Epic
🌟
Pro Magnet
Have 3 Pro members in your huddle
⭐
100 pts
Dec 3, 2025
🏆 Milestones
Uncommon
🐦
Early Bird
Checkin before 7 AM
⭐
20 pts
Dec 3, 2025
Uncommon
🦉
Night Owl
Checkin after 11 PM
⭐
20 pts
Dec 3, 2025
Common
🎮
Weekend Warrior
Checkin on both Saturday and Sunday
⭐
25 pts
Dec 3, 2025
Common
📸
Picture Perfect
Add a photo to your checkin
⭐
15 pts
Feb 14
Uncommon
🖼️
Photographer
Add photos to 10 checkins
⭐
50 pts
Feb 14
Rare
⭐
Pro Member
Become a Pro subscriber
⭐
100 pts
Dec 3, 2025
Common
📚
Habit Collector
Create 3 different habits
⭐
30 pts
Dec 3, 2025
Uncommon
🗃️
Habit Hoarder
Create 10 different habits
⭐
75 pts
Dec 3, 2025
✨ Special & Secret
Uncommon
🔄
Comeback Kid
Return after being inactive for 7+ days
⭐
30 pts
Dec 3, 2025
Common
🧊
Streak Saver
Use a streak freeze to save your streak
⭐
20 pts
Dec 3, 2025
Uncommon
❄️
Ice Collector
Use streak freezes 3 times
⭐
40 pts
Dec 3, 2025
Rare
🥶
Frostbite
Use streak freezes 10 times
⭐
75 pts
May 15
Rare
💎
Perfectionist
Hit daily goal every day for a week
⭐
100 pts
Dec 3, 2025
Legendary
🏛️
Founding Member
Be among the first 100 users
⭐
200 pts
Dec 3, 2025