Mellow's Morning Mental Clarity Huddle

🎨 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

Mellow's Morning Mental Clarity Huddle

1 member · led by Mellow

Join Mellow's Morning Mental Clarity Huddle

Start building habits with this community today!

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

by Mellow

✅

The Floor · just show up

Sit in my meditation chair and close my eyes

🎯

The Ceiling · burst through it

Practice mindfulness meditation for 10 minutes

best 🔥 1

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

📋 The Playbook why this habit works

🏆 What do I want to achieve?

I want a calmer and clearer mind

👤 Who do I want to become?

I am a mindful person

⏰ Cue / Trigger

After I set my morning cup of water on the table

💬 Mantra

Quiet the mind, and the soul will speak

❤️ Why

I want to do this because a quiet mind helps me process my emotions more effectively and navigate my day with focus and calm rather than reacting to stress.

Tags: Mindfulness, Resilience, Self-Care

Season 1 day 10 of 30

ends Sep 30

👑

Mellow · 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.

Mellow's Morning Mental Clarity Huddle Last 30 Days