🎨 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

Tailswind

@tailswind

Member since July 2026

🔥 2

Day streak

Days checked in

Huddle

Tailswind

The Autistic Gamer Podcast in affiliation with the ADHD society for neurodiverse game enjoyers's Huddle Join→

6 hrs

❓ What did you read about? | ✅ Read 1 page

💬 Today I read 4 sets of barbell bench press, 4 sets of dumbbell hammer curls, 4 sets of dumbbell shoulder press, and 10km of rowing. Burning 2,278 calories total. That was some good reading.

Tailswind

The Autistic Gamer Podcast in affiliation with the ADHD society for neurodiverse game enjoyers's Huddle Join→

1 day

❓ What did you read about? | ✅ Read 1 page

💬 Joined Habit Huddle Today!

tailswind's Profile

🎨 Habit Huddle UI System

Tailswind

Checkin Calendar

Tailswind's Achievements

🔥 Streak Masters

First Flame

Week Warrior

Fortnight Fighter

Monthly Master

Streak Legend

Quarter Quest

Half Year Hero

Nine Month Ninja

Year of Habit

✅ Checkin Champions

Getting Started

Dedicated

Committed

Habit Hero

Checkin Champion

Habit Master

Habit Legend

Goal Getter

Overachiever

Goal Crusher

Goal Machine

Goal Grandmaster

💬 Social Butterflies

First Friend

Cheerleader

Hype Squad

Popular

Beloved

Superstar

Conversation Starter

Chatty

👥 Huddle Heroes

Team Player

Accountability Buddy

Huddle Hopper

Community Builder

Huddle Leader

Huddle Champion

Huddle Master

Pro Recruiter

Pro Magnet

🏆 Milestones

Early Bird

Night Owl

Weekend Warrior

Picture Perfect

Photographer

Pro Member

Habit Collector

Habit Hoarder

✨ Special & Secret

Streak Saver