How it works

1. You ask

   Build our services section as a menu from our real work: every service with what the client is handed, how long it takes, the usual and lowest price, what they must bring and when not to buy it, grouped into courses, with set menus whose totals add up from their parts and a help me choose form that marks each service against a budget and a deadline and says why.

2. Your agent

   1. 1

      Collect the services

      From the person, their proposals or their current page, for each service: the name; what the client is handed, as nouns you could point at ("40-page guidelines", "a branch you can merge", not "strategy" or "peace of mind"); the lowest fee of recent jobs (from) and the usual one (typical); the shortest and longest it has taken in weeks, or for retainers the monthly fee, the minimum months and how soon it can start; what the client must bring; and the honest line: when they would tell a client not to buy it.

   2. 2

      Write services.json

      Pick budget caps where the answer changes: just above your cheapest starter, around your typical main course, around your biggest set.

   3. 3

      Build

      It lists every problem at once and writes nothing until they are fixed: a missing field, a line too long for its place, a from above its typical, a missing *Skip it if*, a set price typed by hand, an overlap that would make a set shorter than its longest part, a budget cap nothing fits, money written in the copy in another format than the section prints ("$8k", "8000 USD"), a colour pair under contrast.

   4. 4

      Check

      It opens the page at 390, 768, 1024 and 1440 px, with reduced motion at 390 and 1440 and with JavaScript off at 390 and 1440, and works it: chooses every budget and deadline pair in turn and compares each mark, sentence and the tally with the rules written again inside the check; checks the address after each choice and opens a page from one; tries Clear, the arrow keys and the choice bar's Change; adds up every set bill; then measures.

   5. 5

      Look at it

      Open the address it prints.

   6. 6

      Put it on the site

      Paste out/services-embed.html where the services go.

   7. 7

      Record a preview (optional)

      --moments prints the stretches where nothing moves (top, chosen, main, changed, sets); take stills from inside them.

3. You get

   • out/services-embed.html
   • out/index.html