Habit Huddle

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

by VUONG TAILIEU

✅

The Floor · just show up

giải 1-2 đề toán

🎯

The Ceiling · burst through it

làm bài tập nhiều hơn hôm qua hoặc tích lũy kiến thức nhiều hơn

best 🔥 1

📋 The Playbook why this habit works

🏆 What do I want to achieve?

Có một tâm trí bình tĩnh và sáng suốt hơn

👤 Who do I want to become?

Tôi là một người luôn giữ được sự bình tĩnh và tỉnh thức trong mọi hoàn cảnh

❓ Checkin Question

What did you learn?

⏰ Cue / Trigger

Sau khi đặt cốc nước lên bàn làm việc buổi sáng

💬 Mantra

Tâm tịnh, trí sáng; giải nhất, trường Chuyên

❤️ Why

Mình muốn có một tâm trí bình tĩnh để đối mặt với mọi thử thách trong ngày một cách sáng suốt và bớt lo âu hơn và đạt được hiệu quả học tập tốt

Tags: Connection, Learning, Productivity