FP27 | Tidy Books Co. | FIT=C | Professional | Brutalist
TECHNIQUES: scroll pin hover touch focus rotate card shop back filter motion responsive contact account font hero lenis
BORN_HOOD_ADVICE: Receipt sorting animation not relevant.
DESIGN_SIGNATURE: 's colors] The design The idea: bookkeeping that isn't boring, in friendly neo-brutalism, where a messy pile of receipts tidies itself into a ledger as you scroll. Fonts: Lexend at its heaviest weight for huge, tightly tracked headlines and prices, Lexend for body text, and Lexend Mega for tiny uppercase labels. Colors: lilac #C9B6FF, lime #C6F35A, tomato #FF6B4A, ink #111111 for every outline and shadow, and paper #FFFDF7 with a faint graph-paper grid. Every block gets a thick ink outline and a solid offset shadow that grows on hover and presses flat when tapped; on phones the card in the middle of the screen gets the lifted look. Section labels are file-folder tabs sitting on a ruled line. Order: a hero split between a four-line headline and a lilac cutting-mat desk covered in drawn receipts; a tilted lime ticker tape; a month calendar that a highlighter walks through, checking days off; services as three colored file folders that stack over each other; a price calculator whose total prints on a torn paper receipt; a drag-to-compare messy spreadsheet against a clean profit and loss; reviews printed as receipts; team cards with drawn portraits; a numbered FAQ; a booking form with day and time chips; an ink footer with the name set edge to edge. Signature move: the hero holds still while you scroll. The jumbled letters of the first words straighten, twelve receipts fly into four neat category stacks and get colored dot stickers, a ledger slides in, a pencil writes each row as the amounts count up, and a lime 'Reconciled' sticker pops on.
HTML_SURFACE: headings=Messy receipts in. Tidy books out.; What a tidy month looks like.; Three drawers. Open one, or all three.; Price your month. No sales call.; Messy books? We've seen worse.; Receipts from our clients.; Four people who find reconciling relaxing.; Good questions. Straight answers.; Book 20 minutes. Bring the shoebox. | ids=i-arr, i-ok, i-phone, i-mail, i-pin, i-clock, i-plus, i-menu, i-x, i-lr, i-star, i-logo, mnav, main, top, h1, month, m-h, services, s-h, pricing, p-h, calc, txnOut, txn, accL, accOut, behL, behOut, pay, empOut, stax, yr, quote, qTier | functions=curls, face, menu, tier, line, setTotal, render, setP, takeOver, fromX, fitWord, setDay, measure, g, pp, status
ORIGINAL_PROMPT: prompt/tidy-books.md (SHA256 211a25b4b44c6e236fd4dc83ed39dbe9a365556fe7249cf9949bd1e70212c8da)
EXAMPLE_SOURCE: example/tidy-books.html (SHA256 6327ae3154cfe9846862d5e96da643189599d8246622f9c9b4bdeccbee8b8f1c)
FULL_RUNNABLE_OFFLINE_EXAMPLE: C:\Users\usapr\Documents\Reference Libraries\Futurepedia Claude Website Library\offline_examples\tidy-books\index.html
DO_NOT_COPY: Demo facts/images/prices/logos; use only proven techniques respecting current BORN HOOD constraints.
