Read me: make it yours

Thanks for choosing this template. It is plain HTML + CSS: no build step, no dependencies, zero external requests. Work the ten steps in order; for a surgical practice, the medical-advertising checklist at the bottom is not optional reading.

№ 01

Replace the brand words. Every fictional token in this template, search each .html file for all of them: Marlowe Plastic Surgery, Marlowe, Elena Marlowe, Scottsdale, (480) 555-0142, +14805550142, 6420 N Scottsdale Rd, Suite 240, 85253, the hours Mon–Thu 8:00–5:00 · Fri 8:00–3:00, the team names Sofia Reyes and Dana Whitfield, the review names Alyssa K., Renee T., Carmen V., the rating 4.9 / 214 reviews, the case numbers on results.html, and the fictional domain marloweplasticsurgery.com in the JSON-LD block. Nothing fictional may survive to launch.

№ 02

Re-skin in one place. Every color, font stack, radius, and shadow lives in the :root token block at the top of assets/site.css. Swap --c-teal / --c-tealDeep for your accent, --c-annot / --c-annotLine for the annotation amber, and the ground tints to shift the paper. Keep every text/background pair at WCAG AA (4.5:1); the shipped pairs are all verified, so change values in pairs, not alone.

№ 03

Fonts are self-hosted in assets/fonts/: Space Grotesk (display), IBM Plex Sans (text), IBM Plex Mono (measures), all SIL Open Font License with the license text included. No Google Fonts request. To swap typefaces, replace the .woff2 files, update the families in fonts.css, and change the three --f- tokens in site.css.

№ 04

Wire the scheduling form on consultation.html; it is intentionally static until you do. Point it at a form service or your practice-management web-to-lead. Hard caution: the shipped form is deliberately health-detail-free. If you ever collect health details, dates tied to conditions, or photographs, you are handling PHI: use only a service that encrypts submissions and will sign a HIPAA business-associate agreement (BAA), and never route PHI through plain email or a generic form tool. Keep the “please do not include medical details” microcopy either way.

№ 05

Replace every price. The from-figures ($9,800 rhinoplasty, $8,900 augmentation, $6,500 liposuction, $10,900 tummy tuck, $16,500 makeover, $18,500 facelift, $5,900 eyelid, $9,200 neck, the $150 consult, and the $181/mo financing example) are fictional-plausible template copy. Put in your real quoted ranges, keep the itemized surgeon/facility/anesthesia structure everywhere it appears (it is the product’s core promise), and recompute the three percentage widths in each .dim-bar so the cost diagram matches your numbers.

№ 06

Reviews: the three quotes on index.html are fictional and plausible by design. Replace them with real reviews, with the reviewer’s permission, keeping the specific-detail voice. State medical boards restrict or condition patient testimonials in advertising; check your state’s rules before publishing any.

№ 07

Photography. Every hatched frame is a labeled slot, not a bug: fill the results plates only with your own patients’ standardized, unretouched before/after pairs, and only with written consent obtained separately from surgical consent. Never use stock faces or model imagery in results contexts; advertising rules treat that as misleading. The portrait and team slots take real photographs of your actual people; keep files compressed (under about 150 KB each).

№ 08

True-up the surgeon facts. Education, residency, fellowship, certification years, FACS status, facility accreditation, and the “board-certified” language are all template copy. Board status is publicly verifiable at abps.org, and your claims must match it exactly; “certified by the American Board of Plastic Surgery” is a specific, checkable statement, so print it only if it is true, with the exact board name. The same goes for AAAASF: name your facility’s actual accreditor.

№ 09

Analytics are optional; none ship with this template. If you add a snippet (Plausible, Fathom, GA4), paste it before </body> on each page and disclose it in privacy.html. Anything that could tie browsing to a person on a medical site deserves a conservative choice here.

№ 10

Go live. True-up the JSON-LD block in index.html (name, address, phone, URL, hours; it powers your Google Business result). Then remove the <meta name="robots" content="noindex, nofollow"> line from every page (it is there so demo copies stay out of search), connect your domain, and submit your sitemap in Google Search Console.

Medical-advertising checklist: review before launch

Physician advertising is regulated advertising, and state medical-board rules vary; have counsel or your board’s published guidelines review the site before it goes live. Minimum bar: no outcome guarantees anywhere ("designed to", "typically", never "will"); “individual results vary” stays adjacent to every results photo and claim; board-certification wording matches your certificate exactly, board named in full; advertised fees are fees you actually honor, with the itemized structure intact; before/after photos are your own patients, unretouched, standardized, and consented in writing; testimonials comply with your state’s limits; and the intake path never invites medical detail outside a compliant channel. Some states require retaining copies of advertisements; check yours.

How this template is built

Eleven static pages, one stylesheet, zero external requests: it works from a plain folder, any host, even file://. All paths are relative, fonts are bundled with their license, and the whole folder is well under half a megabyte. The design system is documented in the token block at the top of assets/site.css.

Questions, or want it done for you? studio@upshiftsites.com · done-for-you setup and customization at upshiftsites.com/store.