bookkeeper-ai
- 1. Strip `border-left: 4px solid #1db87a` from both `.card` and `.testimonial` -- left accent bars appear on every card and every testimonial block, which is an explicitly banned pattern per studio standards.
- 2. Replace Plus Jakarta Sans headers with Fraunces -- the brand tokens declare `--wd-brand-font-display: 'Plus Jakarta Sans'` with no documented variation; the studio standard is Fraunces serif for display or a written-down exception.
- 3. The body CSS sets `font-family: 'Plus Jakarta Sans'` globally, overriding the Inter declaration in the brand token block -- Inter must actually render for body copy, not just appear in a variable that nothing uses.
- 4. The palette is navy `#0f1f3d` plus mint `#1db87a` with zero gold and zero cream -- bring in at least one warm neutral or file a documented deviation; the current combination reads generic fintech, not studio quality.
- 5. The hero is a centered-text dark gradient with no real photograph above the fold -- proxybox.us puts a product screenshot in the hero; a bookkeeping AI product needs to show either the UI or a photo of the actual work context (a desk, a rec
- 6. The headline "Your books, done by morning" names neither who it's for nor what specifically changes -- rewrite to land on the freelancer or solo consultant with a concrete pain hook, e.g. "Stop reconciling your own bank feed" or "Your bank
- 7. Hero subtitle text is styled `color: #a0c4ff` (light blue) -- this is a fourth color outside the declared palette that appears nowhere else on the page; replace with cream, white, or a stated palette value.
- 8. The visible section structure is hero / feature cards / pricing table / testimonials / footer -- that is five sections at best, below the six-section floor; add a "How it works" numbered step flow and a FAQ block at minimum.
- 9. The `.testimonial` elements have no name, photo, job title, or company visible in the HTML -- if these are fabricated they must be removed entirely; if real, require full attribution (first and last name, role, company type) as revoscape do
- 10. No security callout block exists anywhere in the structure -- a freelancer handing over bank read-access will reject the page without a single explicit statement on encryption, read-only access scope, and data retention; this is the single
- 11. The feature cards use `background: #f8f9fa` with no imagery -- revoscape pairs every feature block with a real environment photograph; these cards need at minimum a product UI screenshot per feature, not a gray padded box with a green left
- 12. No "How it works" section is present -- voicetrail uses a three-step onboarding flow with concrete verbs ("connect your bank in 60 seconds / we categorize overnight / review in the morning"); this product has a complex trust barrier that a
- 13. The `<header>` element is reused as the hero section while WD shell nav already occupies a `<header class="wd-shell-nav">` -- two `<header>` elements on one page is a structural accessibility error; replace the product hero with `<section>`
- 14. The pricing table is inline with no FAQ, no plan differentiator prose, and no explanation of what the $5 tier actually restricts -- at $199/month top tier, a stranger cannot determine what they're paying for from this page alone; each plan
- 15. Body word count is almost certainly under 1200 words given the sparse card structure -- a product being sold at $5-$199/month with bank-connection access needs 1200+ words to walk a skeptical freelancer through every objection before asking