Redesigned (Lettuce direction)
Pay summary
Product by Mark
Employee
Mark Rose
XXX-XX-7458
429 Coates Dr
Aptos, CA 95003
Company (PEO)
Lettuce PEO 1, LLC
Company
1870 The Exchange SE
Ste 220 #84232
Atlanta, GA 30339
6502753365
Net pay
$8,652
- Pay date
- May 15, 2026
- Pay period
- Apr 16 - May 15, 2026
Gross pay$16,259
Taxes withheld$7,607
Compensation
| Item |
This period |
YTD |
| Salary |
$14,867 |
$14,889 |
|
Health insurance benefit
2% shareholder benefit
|
$1,392 |
$2,089 |
| Total gross pay |
$16,259 |
$16,978 |
Taxes withheld
Federal taxes
- Federal income tax$4,100
- Social Security$1,007
- Medicare$235
State taxes
- CA state tax$2,100
- CA SDI$165
Total taxes withheld
$7,607
What changed, what is better, what we did
Side-by-side read: classic export on the left, owner-first pay summary on the right. Below is the intent in plain language.
Key differences
- Visual hierarchy - Old: spreadsheet density and weak focal point. New: net pay is the hero, then context chips.
- Earnings - Old: rate, hours, YTD hours, duplicate totals. New: three compensation lines (salary, health benefit, gross) with Current and YTD only.
- Language - Old: long IRS-style labels up front. New: people-first labels with tax terminology tucked into muted helper text.
- Taxes - Old: flat accounting list. New: Federal vs State groups plus a single total taxes line.
- Noise - Old: many $0.00 rows. New: only sections and lines that have values this period.
- Who this is for - Old: enterprise/legal weight. New: employee (name, masked ID, address) and PEO (company name, mailing address, phone) in a compact two-column block, not the emotional center.
Why it feels better
- Built for solopreneurs - Matches how owners think: take-home first, then gross, taxes, and benefits.
- Confidence - Room for short explainers where they help without turning the page into a form.
- Modern product craft - Cards, breathing room, restrained color, one Lettuce accent - closer to Mercury / Ramp energy than a payroll export.
- Less cognitive load - Fewer columns, whole dollars on key lines, no fake precision on hours.
- Room for brand - Lettuce plus a personal mark signals this is founder-oriented, not white-label HR paper.
What we did in this prototype
- Embedded your uploaded PDF as the original column.
- Rebuilt the right column in HTML from your written direction: hero net pay, pay date/period, and chips.
- Implemented the simplified compensation table, grouped taxes with a total, and employee + PEO address blocks from your reference.
- Added a YTD snapshot card at the bottom of the redesigned stub.
- Applied white / charcoal / one green accent using shared palette values.
- Copied in your Product by Mark logo (
product-by-mark-logo.png) in a full-width strip above a shared divider, then matched employee and PEO columns.