Art of Bookkeeping: three directions

Each mockup shows the home hero, the cost calculator (it works: move the slider), Services with that direction's tab treatment, and the footer, using the real copy. Pick one and we'll build every page in it. Screenshots: A: desktop, phone. B: desktop, phone. C: desktop, phone.

• A. Calm fintech

  Soft neutral page, white rounded cards, light Work Sans with big thin numbers, one teal accent. Services: segmented control, accordion on phones.

  Open mockup A →
• B. Editorial ledger

  Newsreader serif on warm ledger paper with a red-margined, ruled calculator sheet and ledger-green accent. Services: sticky side index with a panel, accordion on phones.

  Open mockup B →
• C. Bold and warm

  Deep saguaro-green hero field with marigold accents, friendly Hanken Grotesk, the calculator as a large dark panel. Services: scrolling chips over a big panel.

  Open mockup C →