๐จ 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
Robert's Master Organic Chemistry Huddle
1 member ยท led by
Robert Yu
Join Robert's Master Organic Chemistry 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
Do one problem practice set
๐ฏ
The Ceiling ยท burst through it
Complete 2 problem sets and correct them
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?
Consistently study for organic chemistry CHEM 233 at UBC.
๐ค Who do I want to become?
I am a dedicated student who masters complex concepts through consistent practice.
โ Checkin Question
What did you accomplish?
โฐ Cue / Trigger
Closing my laptop after my last lecture of the day and setting out my organic chemistry notebook.
๐ฌ Mantra
One mechanism at a time, I am building my understanding.
โค๏ธ Why
I want to understand reaction mechanisms and synthesis so I can excel in CHEM 233 and build a solid foundation for my future science courses.
Tags: Learning, Productivity, Skills
Robert's Master Organic Chemistry Huddle
Last 30 Days
1
Cell = members checked in that day
everyone
Members who showed up
last 2 days
| Member |
Days |
๐ฏ |
% |
๐ฅ |
Robert Yu
|
1 |
0 |
50 |
1 (1) |
๐ฌ Huddle Feed
Recent Checkins, replies, and applause