Edit Me

How to make Ledger yours.

A short guide to the line, the booking link, the CMS and the motion. This page is hidden from search engines.

1. The line

Each section holds one Line layer, pinned to its edges. Its Shape is Hero curve, Rail, Tangle or End at button. Rail X sets how far the line sits from the left edge (56 on desktop, 44 on tablet, 16 on phone).

Any layer whose name starts with “Node” gets a dot on the line and lights up when the line reaches it. Text inside a layer named “Lit…” goes from pale to full colour, and photos inside a Node warm up from grey. Duplicate a row and it keeps working.

The hero curve rises across the layer named “Hero photo” and ends in a light at Light X / Light Y (in % of the photo). It always stays below the layer named “Hero copy”. The Tangle shape detours through the layer named “Knot”. The End shape finishes in the layer named “Book button”.

On the canvas, with reduced motion, and in any browser without JavaScript, the line is fully drawn and every node is lit.

2. The booking link

Every “Book a call” button goes to the Book a call page. The Slot Picker on that page (and at the bottom of other pages) has a Booking link control set to https://example.com/book. Replace it with your Calendly, Cal.com, SavvyCal or other booking URL. Edit the six times inside the Slot Picker component.

3. Content

Services, Advisers, Resources and FAQs live in the CMS. Prices are plain text, so “from $140” or “Free” both work. Add a service and it appears on Home, the Services page and the footer list automatically.

The credential badges are placeholders: swap in your own memberships, licence number and cover. Do not use logos of bodies you are not a member of.

4. Colours and fonts

Colours are styles: Ink (navy), Paper, Stone, Brass and Night. Change them once and the whole site updates. Type uses Inter Tight with Newsreader italic for the one serif accent.

5. Motion

Motion comes from the Motion code file. Each moving layer has a Code Override (withReveal, withStagger, withRows, withFill and so on). Clear an override to remove that motion. Nothing ever starts hidden, and reduced motion is respected.