Inputs
Sticky note
A workspace primitive for brainstorming, feedback loops and handovers.
Anatomy
No interactive example yet. The anatomy for this component lives in the Figma file; the tables below describe it.
Anatomy
Sticky note anatomy| # | Part | Description | Presence |
|---|
| 1 | Surface | Warm paper colour with soft shadow | Required |
|---|
| 2 | Text | Manrope 16px | Required |
|---|
| 3 | Actions | Edit and delete buttons | Optional |
|---|
Specifications
| Text | Manrope 16px |
|---|
| Width | Fluid, with interactive buttons |
|---|
Interaction
Keyboard| Key | Result |
|---|
| Tab | Reaches the actions |
|---|
| Enter | Starts editing |
|---|
Pointer and touch| Trigger | Response |
|---|
| Click | Enters edit mode |
|---|
| Drag | Moves the note; keyboard alternative required |
|---|
Accessibility
role · article / note
1.4.3Contrast (Minimum)2.5.7Dragging Movements
Requirements| Requirement | How Rig meets it |
|---|
| Contrast | Dark text on the note colour at 4.5:1 |
|---|
| Drag | Provide Move buttons or arrow keys (WCAG 2.5.7) |
|---|
| Colour | Meaning must not rely on note colour alone |
|---|
Usage
Do and don’t| Do | Don’t |
|---|
| ✓Keep notes short | ✕Do not encode status only in colour |