Senior Product Designer
Acme Robotics
Applications
Production-shaped rebuild of /applications using the new DSKanbanBoard + DSKanbanColumn + DSKanbanCard primitives. The data shape matches src/types → Application verbatim; the column configuration mirrors kanban-columns.ts. Drag a card to a different column to update its status — the showcase wires vue-draggable-plus the same way the production board does.
Live kanban board — drag, or hover for back / forward
Two ways to move a card. Drag it to a new column for the immersive flow, or hover to surface the back / forward reveal buttons — a click-driven alternative that's friendlier on touch and keyboard. The forward button is reveal-forward, so it picks up the accent gradient on the same hover that surfaces the row.
Applications
Staff Designer
Northbeam
Lead Designer
Square
Principal Designer
Figma
Staff Engineer, Payments
Stripe
Senior FE Engineer
Linear
Director of Design
Vercel
Staff Designer
Loom
USD 245k/yr
Inside DSCollectionLayout — full page chrome
Same kanban, this time wrapped in DSCollectionLayout to show how the board sits inside the broader applications surface (count, view tabs, filters all live in the layout's chrome slots).
Applications
Every role you've applied to, grouped by where it stands in the funnel.
Senior Product Designer
Acme Robotics
Staff Designer
Northbeam
Lead Designer
Square
Principal Designer
Figma
Staff Engineer, Payments
Stripe
Senior FE Engineer
Linear
Director of Design
Vercel
Staff Designer
Loom
DSDataTable — sortable / searchable list view
Same applications, different layout. Toolbar owns search + columns menu; sortable headers; sticky-left first column; pinned mono-caps header row. Persists column visibility to localStorage when persist-key is set. Slot-based cells let consumers compose status badges, salary formatters, action menus.
| Senior Product Designer | Acme Robotics | saved | Remote · US | — | |
| Senior Designer | Asana | declined | Remote | — | |
| PD Manager | Atlassian | rejected | Sydney | — | |
| Principal Designer | Figma | applied | Remote | Principal · Figma | — |
| Senior FE Engineer | Linear | interviewing | Remote | — | |
| Staff Designer | Loom | accepted | San Francisco | USD 245k/yr | |
| Staff Designer | Northbeam | saved | NYC · Hybrid | — | |
| Lead Designer | Square | applied | San Francisco | Lead Designer · Square | — |
| Staff Engineer, Payments | Stripe | interviewing | San Francisco | Staff · Stripe | — |
| Director of Design | Vercel | offer | Remote | USD 290k/yr |
DSComparisonTable — offers side by side, best-in-row highlighted
Labels-as-rows grid for comparing a few entities (offers, target roles, vendor quotes). Pinned mono-caps label column; one column per entity; per-row best-value highlighting in success-tone when the row config provides numeric values + a best strategy. Strong-emphasis rows tint the row background for the headline number.
Director of Design Vercel offer | Staff Designer Loom accepted | Principal Designer Figma offer | |
|---|---|---|---|
| Total Comp | USD 386,250/yr | USD 316,250/yr | USD 360,500/yr |
| Base Salary | USD 290,000/yr | USD 245,000/yr | USD 270,000/yr |
| Equity | USD 200,000 | USD 150,000 | USD 240,000 |
| Signing Bonus | USD 25,000 | USD 15,000 | USD 30,000 |
| Annual Bonus | USD 40,000 | USD 30,000 | USD 35,000 |
| PTO | 25 days | 28 days | 22 days |
| Remote | remote | hybrid | onsite |
| Benefits | Health, dental, 401k match | Health, vision, $1k learning budget | Premium health, on-site meals |
| Start Date | 2026-06-01 | 2026-05-01 | 2026-07-01 |
| Deadline | 2026-05-15 | — | 2026-04-22 |
Tone variants — a column for every status family
Five tones cover the production status pipeline. Background tint, border, label color, and count badge all derive from a single tone token, so a status palette change rebrands every column.
Senior Designer
Staff Designer
Lead Designer
Principal Designer
Staff Engineer
Director
Staff Designer