MOONRAKER: STYLE SNAPSHOT AND PAGE WORKSHEET
Future Proof Your Practice, Part 6
Updated 16 September 2026

Use public practice information and approved copy. Leave unknowns marked
for review. Keep this worksheet with your AI project's reference sources.

1. THE WEBSITE AND DRAFT
Practice name:
Public website URL:
Editor/platform and version, if known:
Available HTML and CSS fields:
Does the editor retain HTML/CSS after saving? [verified / unknown]
Draft page name and intended URL:
How is public access restricted?
Signed-out access check and date:
Existing page to preserve:

Squarespace: Not Linked removes a menu link; it does not make a page private.
Disable the draft, or use a page password for a controlled shared preview.
WordPress: keep the new page in Draft and use Preview while working.
Do not paste administrator links, passwords, account tokens or private data
into the AI conversation.

2. THE STYLE SNAPSHOT
Use your published page, not the website editor. In Chrome, right-click the
element and choose Inspect. In Elements, use Computed to read the applied
styles. Select the actual heading, paragraph or button, not just its container.
Record the relevant values with the element label. No console code is needed.

Repeat this sample for a heading, body paragraph, button and section surface:

Sample label:
Public page URL:
Selected element and visible text:
Viewport or device used:
Font family, size and weight:
Line height and letter spacing:
Text and background colors, including any image behind the text:
Border, radius and padding where relevant:
Width, alignment and surrounding spacing:
Verified CSS variable/class names, if available:
Desktop screenshot filename:
Phone screenshot filename and observed differences:
Button hover/focus differences, if inspected:
Missing values or questions:

A single element's values are not the whole design system. Use the platform's
confirmed brand settings or ask the web team where samples are incomplete.
Refresh the notes when the live design changes.

3. APPROVED VOICE AND CONTENT
Approved copy sample or file:
First person: [I / we / other]
Audience and purpose of the page:
Service, approach or topic:
Confirmed clinician, qualifications and public verification links:
Actual locations and confirmed telehealth coverage:
Current fees, availability or policies needed on this page:
Content that must stay verbatim:
Facts requiring practice review:
Existing relevant pages to link to:
Actual contact or booking URL:
Approved button wording and what its destination does:

4. IMAGE DETAILS
For each image:
Exact public image file URL:
Permission to publish confirmed by:
What it shows:
Where it belongs on the page:
Preferred framing and what must not be cropped:
Intrinsic dimensions, if known:
Informative alt text, or decorative with empty alt:
Check: the URL opens the image itself without an administrator login.

5. YOUR PLAIN-ENGLISH REQUEST
Build a draft content area for [page purpose] using the saved builder
instructions, approved copy and style samples. The page should help
[audience] understand [specific service or question].
Use these sections in this order: [list].
Use [exact approved button wording] linking to [actual destination].
Place [supplied image URL] in [section] with [framing].
Keep the site's existing header, footer and navigation unchanged.
My editor supports [combined HTML/style block OR separate HTML/CSS fields].
First summarize the voice and identify missing facts. Wait for my go-ahead.

6. A REVISION REQUEST
At [device/viewport], in [named section], I see [specific problem].
Please change it to [desired result]. Preserve [approved details].
Here is the screenshot and current complete code: [attach/paste].
Return the complete replacement for my editor's fields, not just a patch.

7. BEFORE RELEASE
[ ] Save a copy of the last working HTML and CSS.
[ ] Save and reopen the website preview; confirm the code was retained.
[ ] Resolve every placeholder and confirm practice/clinical facts.
[ ] Compare the design with an existing approved page.
[ ] Check desktop, phone, text zoom, keyboard focus and text contrast.
[ ] Confirm image loading, crop, alt text and permission.
[ ] Check the actual links, buttons, header, footer and nearby blocks.
[ ] Review page title, URL and intended navigation placement.
[ ] Confirm the draft's access settings before choosing to publish.
[ ] After publication, check the public page signed out and on a phone.

This worksheet supports a review. It does not certify compliance, accessibility,
conversion performance or the behavior of generated code.