Habit Huddle

Just Show Up.

Build habits with friends through daily checkins.

Sign up free Log in

Community Library Leaderboards

Library

Sign up Log in

🎨 Habit Huddle UI System

A simple, consistent design system: Emerald = Action, Grey = Info, Red = Danger

CLICKABLE TEXT:

Emerald Link Bold Link

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

📚 Library

✅ Drink a full glass of water first thing in the morning

🎯 Drink 2L of water

Mindfulness Nutrition Self-Care

Habit Huddle · 9 doing it

✅ Do 5 bodyweight squats

🎯 Complete a 15-minute bodyweight workout

Fitness Resilience

Habit Huddle · 7 doing it

✅ Put on workout clothes and do 1 minute of exercise

🎯 Exercise for 30 minutes

Fitness Self-Care

Habit Huddle · 7 doing it

✅ Say one short prayer

🎯 Spend 5 unhurried minutes in prayer

Connection Mindfulness

Habit Huddle · 6 doing it

✅ Write one note about what's happening in a friend's life after you talk

🎯 Read your note before reaching out and follow up on the specific thing

Connection Helping

Habit Huddle · 5 doing it

✅ Add one vegetable to one meal

🎯 Include vegetables in at least two meals

Nutrition Resilience

Habit Huddle · 4 doing it

✅ Do one small act of self-care

🎯 Engage in the self-care activity for 10 minutes

Self-Care

Habit Huddle · 4 doing it

✅ Read one page

🎯 Read for 30 minutes

Learning Productivity

Habit Huddle · 4 doing it

✅ Take 3 conscious breaths

🎯 Practice mindfulness for 5 minutes

Mindfulness Resilience Self-Care

Habit Huddle · 4 doing it

✅ Take three deep breaths before eating

🎯 Eat one entire meal without distractions

Mindfulness Nutrition Self-Care

Habit Huddle · 4 doing it

✅ Write one task for today

🎯 Plan today and tomorrow

Organization Productivity Resilience

Habit Huddle · 4 doing it

✅ Do one full-body stretch

🎯 Perform 10 minutes of stretching exercises

Fitness Self-Care

Habit Huddle · 3 doing it

✅ Practice chosen skill for 5 minutes

🎯 Practice the skill for 30 minutes

Productivity Skills

Habit Huddle · 3 doing it

✅ Unroll yoga mat and do one sun salutation

🎯 Practice yoga for 20 minutes

Fitness Mindfulness Self-Care

Habit Huddle · 3 doing it

✅ Hold a 30-second plank

🎯 Do a 10-minute ab workout

Fitness Resilience

Habit Huddle · 2 doing it

✅ Send a quick 'thinking of you' message

🎯 Have a real conversation with a friend, by call or voice note

Connection Helping

Habit Huddle · 2 doing it

✅ Work on project for 2 minutes

🎯 Complete one task of a personal project

Creativity Helping Skills

Habit Huddle · 2 doing it

✅ Add one branch to mind map

🎯 Create a mind map for a project or goal

Creativity Organization

Habit Huddle

✅ Answer one trivia question

🎯 Complete one quiz

Learning

Habit Huddle

✅ Brush teeth and wash face

🎯 Do the full routine: shower, floss, and everything that makes me feel fresh

Self-Care

Habit Huddle

✅ Close my eyes and picture one goal going well for 30 seconds

🎯 Visualize a goal in detail for 3 minutes

Creativity Mindfulness

Habit Huddle

✅ Eat one protein-rich meal

🎯 Include a quality protein source with each meal

Fitness Learning Nutrition

Habit Huddle

✅ End shower with 10 seconds of cold water

🎯 Take a 2 min cold shower

Resilience Self-Care

Habit Huddle

✅ Kiss my partner or send a loving message

🎯 Tell my partner one specific thing I appreciate about them today

Connection Self-Care

Habit Huddle

✅ Lay out one item I'll need tomorrow

🎯 Prepare clothes, materials, and essentials for tomorrow

Organization

Habit Huddle

✅ Listen for 5 minutes

🎯 Listen to a philosophy podcast for 20 minutes

Learning Mindfulness

Habit Huddle

✅ Listen to one new song

🎯 Listen to a few new songs and save the best one to my playlist

Creativity Self-Care

Habit Huddle

✅ Put aside 25 cents

🎯 Give the money you've been putting aside to someone who needs it

Connection Helping

Habit Huddle

✅ Put away one item that's out of place

🎯 Declutter one area of my home for 10 minutes

Organization

Habit Huddle

✅ Reset my desk once before I go to the bathroom

🎯 Reset my workspace and materials after each activity

Organization Productivity Skills

Habit Huddle

✅ Say one kind thing to myself in the mirror

🎯 Say 3 kind things to myself

Resilience Self-Care

Habit Huddle

✅ Share one tip or insight with someone

🎯 Record myself teaching a lesson

Connection Helping Skills

Habit Huddle

✅ Sit in sauna for 5 minutes

🎯 Sit in the sauna for 20 min

Resilience Self-Care

Habit Huddle

✅ Smile at someone

🎯 Give a genuine compliment

Connection Helping

Habit Huddle

✅ Think of one thing I'm grateful for

🎯 Write down three things I am grateful for and why

Mindfulness Self-Care

Habit Huddle

✅ Watch 3 minutes of a science video

🎯 Watch one full science video and note one takeaway

Learning

Habit Huddle

✅ Watch 5 minutes of course content

🎯 Complete one lesson of an online course

Learning Skills

Habit Huddle

✅ Write one line of code

🎯 Code for 25 minutes on a real project

Productivity Skills

Habit Huddle

✅ Write one sentence in my journal

🎯 Write a self-reflection entry

Learning Mindfulness Self-Care

Habit Huddle

Want to see habits in action? Tap any checkin in Global Checkins to view the habit and copy it.

Global Checkins

Sign up free Log in