๐จ Habit Huddle UI System
A simple, consistent design system: Emerald = Action, Grey = Info, Red = Danger
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
Shiva's Daily Coding Habit Huddle
1 member ยท led by
Shiva Saran
Join Shiva's Daily Coding Habit Huddle
Start building habits with this community today!
The habit you get when you join
or you can create your own
โ
The Floor ยท just show up
Open my code editor and write a single comment or line of code
๐ฏ
The Ceiling ยท burst through it
Code for at least 45 minutes on a specific project or lesson
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?
Become a proficient programmer and build a portfolio of projects
๐ค Who do I want to become?
I am a software developer who builds things every day
โ Checkin Question
What did you accomplish?
โฐ Cue / Trigger
After I sit down at my desk and open my laptop
๐ฌ Mantra
Consistency builds mastery
โค๏ธ Why
I want to master programming so I can build my own applications and advance my career in technology.
Tags: Learning, Productivity, Skills
๐
Season 1
day 17 of 31
ends Sep 1
๐
Shiva Saran ยท 1 day
Cell = members checked in that day
everyone โจ
๐ฌ Huddle Feed
Recent Checkins, replies, and applause