Preview image. Unlock full-res
Light comparison section pairing six pain-point rows against Paperclip outcomes inside a bordered two-column table with arrow dividers.
Summary
A problems-solved section with a serif headline and a six-row bordered table that contrasts "Without" pain copy against "With Paperclip" outcomes, separated by centered arrows.
Visual description
White background with a small rounded "Problems Solved" badge above a large serif headline: "What changes with Paperclip." The main module is a large rounded rectangle with thin light borders. Six horizontal rows stack inside, each split into two columns by a vertical divider. Column headers are small all-caps labels in warm grey pill badges: "WITHOUT" on the left and "WITH PAPERCLIP" on the right. Each row pairs a left pain statement (Claude Code tabs, manual context gathering, disorganized configs, runaway token costs, recurring jobs, babysitting coding sessions) with a right benefit statement (ticket persistence, goal-aligned context, org charts and governance, cost throttling, scheduled heartbeats, delegated task completion). Thin right-pointing arrows sit centered between columns in every row. Body text is dark sans-serif on white with generous row padding.
Key takeaway
The without/with row format with arrow cues makes transformation tangible without before-after screenshots. Pill column labels and horizontal rules keep six dense paragraphs scannable.
Reuse notes
Ideal for developer or AI tools where the "before" state is a relatable workflow mess. Needs strong copywriting; weak contrasts will flatten the table. Works on light backgrounds only. Pair upstream with a hero and downstream with a features grid.
