Habit Huddle

Just Show Up.

Build habits with friends through daily checkins.

Sign up free Log in

Community Library Leaderboards Hall of Fame

alex shoutz's huddle

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

alex shoutz's huddle

1 member · led by alex shoutz

Join alex shoutz's huddle

Start building habits with this community today!

The habit you get when you join or you can create your own

by alex shoutz

✅

The Floor · just show up

Put on my walking shoes and stand by the door

🎯

The Ceiling · burst through it

Walk outside for at least 15 minutes

best 🔥 1

Not your style? You can swap in a habit of your own after you join.

📋 The Playbook why this habit works

❓ Checkin Question

What did you accomplish?

⏰ Cue / Trigger

Placing the last dinner plate in the dishwasher

👤 Identity

I am an active person who takes care of my body

🏆 Long-term Goal

Lose weight and improve cardiovascular health

💬 Mantra

Small steps lead to big changes

❤️ Why

I want to lose weight to improve my energy levels and health. Moving after dinner helps digestion and burns extra calories consistently.

Tags: Fitness, Self-Care

Season 1 day 6 of 31

alex shoutz · 1 day

Global Rank see the rankings

Checkin Chain: 🔗 0 links

Every member's first checkin of the day adds a link. Forge the first one today.

📅 Calendar

S

M

T

W

T

F

S

1✨

Cell = members checked in that day everyone ✨

💬 Huddle Feed

Recent Checkins, replies, and applause

Solo partner up→

10 hrs

❓ What did you accomplish? | ✅ Put on my walking shoes and stand by the door

💬 Joined Habit Huddle Today!

1

Sign up free Log in