askotter / Templates / Medical Practices

starting points · medical practices

Medical practice website designs, eight live examples.

A primary care visitor is choosing a long relationship, so the page mostly has to reassure. The practical blockers are whether you take their plan and whether they can get in this week.

See the eight directions Get a free proposal and sample

eight directions · medical practices

Eight ways a medical practice site can look.

Each one is a full site with every page working, the booking path and the trade's own tool, plus the SEO autopilot running in the corner. Open one, switch between them from the bar at the top, and copy the prompt when one fits.

Clinical Clinic

Soft corners and generous line height, so the page stays easy to read for someone who is anxious.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a medical practice site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a medical practice in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Clinical, Clinic palette
- Look: Soft corners and generous line height, so the page stays easy to read for someone who is anxious.
- Hero: Hero with the headline and two buttons on the left and a large photo on the right, with small floating fact chips over the photo (next opening, rating, the tool).
- Type: headings in Outfit at weight 500 with letter-spacing -.015em; body in Outfit. Labels sentence case with .02em tracking. Headings left-aligned.
- Colour: accent #0e7c86 with #ffffff text on it; page background #f4f8f8; cards #ffffff; text #10201f; secondary text #4d6360; rules #dbe7e6. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 16px, border weight 1px, shadow 0 2px 10px rgba(0,0,0,.05).
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which visit do you need? tool, how it works in three steps, a photo gallery, insurance accepted, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Annual physicals, Same-day sick visits, Chronic care, Pediatrics, Medicare wellness visits), each with the price, what is included, and at least two questions people ask before booking.
- Which visit?: a working quiz that recommends a service, titled "Which visit do you need?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Accepting patients badge: Half of primary care searching ends at "not taking new patients". This badge says it plainly at the top of the page.
- Services by life stage: Families search by who needs the care, so the services are grouped by age.
- Plans taken: As on every health page, insurance is the first question, and the answer belongs in text where a PDF would hide it.
- Appointment request: A short request beats a portal signup for a patient who does not have an account yet.
- The physicians: Patients choose primary care on the person, so the page shows names, faces and years in practice.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- MedicalClinic structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

Classic Navy

Serif headings, a centred hero and hairline rules, the way a practice looks after thirty years on one street.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a medical practice site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a medical practice in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Classic, Navy palette
- Look: Serif headings, a centred hero and hairline rules, the way a practice looks after thirty years on one street.
- Hero: Centred hero: label, headline, one paragraph and buttons, then a wide photo underneath in a shaped frame.
- Type: headings in Georgia at weight 400 with letter-spacing 0em; body in Outfit. Labels uppercase with .18em tracking. Headings centred.
- Colour: accent #17305c with #ffffff text on it; page background #f7f6f2; cards #ffffff; text #141822; secondary text #5a6070; rules #e4e2da. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 2px, border weight 1px, shadow none.
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which visit do you need? tool, how it works in three steps, a photo gallery, insurance accepted, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Annual physicals, Same-day sick visits, Chronic care, Pediatrics, Medicare wellness visits), each with the price, what is included, and at least two questions people ask before booking.
- Which visit?: a working quiz that recommends a service, titled "Which visit do you need?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Accepting patients badge: Half of primary care searching ends at "not taking new patients". This badge says it plainly at the top of the page.
- Services by life stage: Families search by who needs the care, so the services are grouped by age.
- Plans taken: As on every health page, insurance is the first question, and the answer belongs in text where a PDF would hide it.
- Appointment request: A short request beats a portal signup for a patient who does not have an account yet.
- The physicians: Patients choose primary care on the person, so the page shows names, faces and years in practice.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- MedicalClinic structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

03Trend

Bento Cobalt

Rounded tiles of different sizes, each holding one fact, so the first screen answers five questions at once.

The tile grid Apple uses for product pages, now the default way to show many facts on one phone screen.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a medical practice site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a medical practice in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Bento, Cobalt palette
- Look: Rounded tiles of different sizes, each holding one fact, so the first screen answers five questions at once.
- Why it reads as current: The tile grid Apple uses for product pages, now the default way to show many facts on one phone screen.
- Hero: Bento hero: a grid of rounded tiles of different sizes. The headline tile is largest; others hold the photo, two stats, the next opening, the tool, one review and the hours.
- Type: headings in Manrope at weight 800 with letter-spacing -.035em; body in Manrope. Labels sentence case with .02em tracking. Headings left-aligned.
- Colour: accent #3346e8 with #ffffff text on it; page background #f2f3f8; cards #ffffff; text #0f1222; secondary text #575c72; rules #e1e3ee. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 22px, border weight 1px, shadow 0 1px 2px rgba(0,0,0,.04),0 10px 30px -14px rgba(0,0,0,.14).
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which visit do you need? tool, how it works in three steps, a photo gallery, insurance accepted, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Annual physicals, Same-day sick visits, Chronic care, Pediatrics, Medicare wellness visits), each with the price, what is included, and at least two questions people ask before booking.
- Which visit?: a working quiz that recommends a service, titled "Which visit do you need?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Accepting patients badge: Half of primary care searching ends at "not taking new patients". This badge says it plainly at the top of the page.
- Services by life stage: Families search by who needs the care, so the services are grouped by age.
- Plans taken: As on every health page, insurance is the first question, and the answer belongs in text where a PDF would hide it.
- Appointment request: A short request beats a portal signup for a patient who does not have an account yet.
- The physicians: Patients choose primary care on the person, so the page shows names, faces and years in practice.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- MedicalClinic structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

04Trend

Swiss Grid Ocean

A strict column grid with heavy sans headings, big numerals and one red, and no ornament anywhere.

The International Typographic Style is back as the antidote to template sameness.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a medical practice site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a medical practice in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Swiss Grid, Ocean palette
- Look: A strict column grid with heavy sans headings, big numerals and one red, and no ornament anywhere.
- Why it reads as current: The International Typographic Style is back as the antidote to template sameness.
- Hero: Magazine hero: a very large headline across the full width, a three-column row under it (paragraph, buttons, badges), then a full-width photo strip.
- Type: headings in Archivo at weight 800 with letter-spacing -.045em; body in Archivo. Labels uppercase with .12em tracking. Headings left-aligned.
- Colour: accent #0369a1 with #ffffff text on it; page background #f1f7fa; cards #ffffff; text #0c2230; secondary text #46606f; rules #d5e5ee. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 0px, border weight 2px, shadow none.
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which visit do you need? tool, how it works in three steps, a photo gallery, insurance accepted, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Annual physicals, Same-day sick visits, Chronic care, Pediatrics, Medicare wellness visits), each with the price, what is included, and at least two questions people ask before booking.
- Which visit?: a working quiz that recommends a service, titled "Which visit do you need?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Accepting patients badge: Half of primary care searching ends at "not taking new patients". This badge says it plainly at the top of the page.
- Services by life stage: Families search by who needs the care, so the services are grouped by age.
- Plans taken: As on every health page, insurance is the first question, and the answer belongs in text where a PDF would hide it.
- Appointment request: A short request beats a portal signup for a patient who does not have an account yet.
- The physicians: Patients choose primary care on the person, so the page shows names, faces and years in practice.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- MedicalClinic structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

05Trend

Frosted Glass Midnight, dark

Translucent panels floating over a full-screen photograph, with soft depth and rounded corners.

Apple's Liquid Glass interface made frosted, layered panels the look of 2026 software.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a medical practice site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a medical practice in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Frosted Glass, Midnight palette
- Look: Translucent panels floating over a full-screen photograph, with soft depth and rounded corners.
- Why it reads as current: Apple's Liquid Glass interface made frosted, layered panels the look of 2026 software.
- Hero: The first screen is one full-bleed photograph with a dark gradient scrim, and the headline, paragraph and buttons sit over it.
- Type: headings in Plus Jakarta Sans at weight 700 with letter-spacing -.03em; body in Plus Jakarta Sans. Labels sentence case with .04em tracking. Headings left-aligned.
- Colour (dark theme): accent #7cc4ff with #08111f text on it; page background #0a1120; cards #111b2f; text #edf2fb; secondary text #9aa8c3; rules #24314d. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 20px, border weight 1px, shadow 0 20px 50px -20px rgba(0,0,0,.35).
- Motion: Elements fade and rise slightly as they scroll into view. Panels over photos are frosted glass: semi-transparent surface with a backdrop blur of about 18px. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which visit do you need? tool, how it works in three steps, a photo gallery, insurance accepted, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Annual physicals, Same-day sick visits, Chronic care, Pediatrics, Medicare wellness visits), each with the price, what is included, and at least two questions people ask before booking.
- Which visit?: a working quiz that recommends a service, titled "Which visit do you need?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Accepting patients badge: Half of primary care searching ends at "not taking new patients". This badge says it plainly at the top of the page.
- Services by life stage: Families search by who needs the care, so the services are grouped by age.
- Plans taken: As on every health page, insurance is the first question, and the answer belongs in text where a PDF would hide it.
- Appointment request: A short request beats a portal signup for a patient who does not have an account yet.
- The physicians: Patients choose primary care on the person, so the page shows names, faces and years in practice.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- MedicalClinic structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

Modern Forest

Large type with plenty of air around it and one accent colour doing all the work.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a medical practice site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a medical practice in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Modern, Forest palette
- Look: Large type with plenty of air around it and one accent colour doing all the work.
- Hero: Hero with the headline and two buttons on the left and a large photo on the right, with small floating fact chips over the photo (next opening, rating, the tool).
- Type: headings in Outfit at weight 650 with letter-spacing -.03em; body in Outfit. Labels uppercase with .08em tracking. Headings left-aligned.
- Colour: accent #2f6b46 with #ffffff text on it; page background #f5f7f4; cards #ffffff; text #141a14; secondary text #54604f; rules #e0e6dc. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 12px, border weight 1px, shadow 0 1px 2px rgba(0,0,0,.05).
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which visit do you need? tool, how it works in three steps, a photo gallery, insurance accepted, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Annual physicals, Same-day sick visits, Chronic care, Pediatrics, Medicare wellness visits), each with the price, what is included, and at least two questions people ask before booking.
- Which visit?: a working quiz that recommends a service, titled "Which visit do you need?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Accepting patients badge: Half of primary care searching ends at "not taking new patients". This badge says it plainly at the top of the page.
- Services by life stage: Families search by who needs the care, so the services are grouped by age.
- Plans taken: As on every health page, insurance is the first question, and the answer belongs in text where a PDF would hide it.
- Appointment request: A short request beats a portal signup for a patient who does not have an account yet.
- The physicians: Patients choose primary care on the person, so the page shows names, faces and years in practice.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- MedicalClinic structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

Editorial Slate

A magazine grid with heavy rules and square corners, where the photography carries the page.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a medical practice site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a medical practice in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Editorial, Slate palette
- Look: A magazine grid with heavy rules and square corners, where the photography carries the page.
- Hero: Magazine hero: a very large headline across the full width, a three-column row under it (paragraph, buttons, badges), then a full-width photo strip.
- Type: headings in Georgia at weight 400 with letter-spacing -.02em; body in Outfit. Labels uppercase with .14em tracking. Headings left-aligned.
- Colour: accent #2f6fed with #ffffff text on it; page background #f6f7f9; cards #ffffff; text #12151b; secondary text #5b6270; rules #e2e5ea. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 0px, border weight 2px, shadow none.
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which visit do you need? tool, how it works in three steps, a photo gallery, insurance accepted, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Annual physicals, Same-day sick visits, Chronic care, Pediatrics, Medicare wellness visits), each with the price, what is included, and at least two questions people ask before booking.
- Which visit?: a working quiz that recommends a service, titled "Which visit do you need?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Accepting patients badge: Half of primary care searching ends at "not taking new patients". This badge says it plainly at the top of the page.
- Services by life stage: Families search by who needs the care, so the services are grouped by age.
- Plans taken: As on every health page, insurance is the first question, and the answer belongs in text where a PDF would hide it.
- Appointment request: A short request beats a portal signup for a patient who does not have an account yet.
- The physicians: Patients choose primary care on the person, so the page shows names, faces and years in practice.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- MedicalClinic structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

08Trend

Organic Sage

Warm neutrals, a soft serif and photographs in rounded, hand-cut shapes.

Earth tones and soft organic shapes took over wellness and home brands as a reaction to flat corporate blue.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a medical practice site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a medical practice in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Organic, Sage palette
- Look: Warm neutrals, a soft serif and photographs in rounded, hand-cut shapes.
- Why it reads as current: Earth tones and soft organic shapes took over wellness and home brands as a reaction to flat corporate blue.
- Hero: Centred hero: label, headline, one paragraph and buttons, then a wide photo underneath in a shaped frame. Photos sit in soft, irregular rounded shapes.
- Type: headings in Fraunces at weight 500 with letter-spacing -.02em; body in DM Sans. Labels sentence case with .02em tracking. Headings left-aligned.
- Colour: accent #56683d with #ffffff text on it; page background #eef0e5; cards #f8f8f2; text #23291f; secondary text #59614f; rules #d8dbcb. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 28px, border weight 1px, shadow 0 2px 14px rgba(60,50,30,.08).
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which visit do you need? tool, how it works in three steps, a photo gallery, insurance accepted, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Annual physicals, Same-day sick visits, Chronic care, Pediatrics, Medicare wellness visits), each with the price, what is included, and at least two questions people ask before booking.
- Which visit?: a working quiz that recommends a service, titled "Which visit do you need?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Accepting patients badge: Half of primary care searching ends at "not taking new patients". This badge says it plainly at the top of the page.
- Services by life stage: Families search by who needs the care, so the services are grouped by age.
- Plans taken: As on every health page, insurance is the first question, and the answer belongs in text where a PDF would hide it.
- Appointment request: A short request beats a portal signup for a patient who does not have an account yet.
- The physicians: Patients choose primary care on the person, so the page shows names, faces and years in practice.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- MedicalClinic structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

Every business, price and review on these sites is invented, and each site says so on every page. The photographs are CC0 stock standing in for the business's own.

mix your own

Try any of the sixteen directions on this trade.

The studio redraws the page with every direction and palette, including the ten trend directions, and with the components a medical practice site needs.

Direction

Palette

riverbenddental.com

A drawing of a layout, not a screenshot. Every business name, price, phone number and review above is invented. Blocks mark where your own photography goes.

What this trade needs on the page

Start building your own

Your direction, palette and trade travel with you. Free for 14 days, no card required.

the short answer

What should a medical practice website include?

A medical practice website has a job that is specific to the trade, and the components that do that job are accepting patients badge, services by life stage, plans taken, appointment request. A primary care visitor is choosing a long relationship, so the page mostly has to reassure.

Read the full answerShow less

The practical blockers are whether you take their plan and whether they can get in this week. askotter builds the site around that component set rather than around a theme: the direction and palette are chosen by the owner, and the pages themselves are written from the practice's own services, prices, hours and service area. The build, the hosting and the monthly work are one price, $99/mo self-managed or $600/mo managed, with no separate design or setup fee. The first draft comes back the same day and a person reviews every change before it publishes. A business wanting to browse finished themes and edit one itself is better served by Squarespace or Wix.

Directions: Eight shown as full sample sites, starting with Clinical. Sixteen in the studio.
Components: 5 written for medical and primary care practices, shown in the studio above.
Built from: Your services, prices, hours and service area, plus the direction and palette you pick.
Price: $99/mo self-managed or $600/mo managed. No design or setup fee.
First draft: Same day. Launch typically five to ten working days.
Not for: Anyone who wants to browse finished themes and edit one themselves.

the components, in words

What goes on a medical practice site, and why.

The studio above draws these. Here they are as text, which is the version worth reading if you are briefing someone else or building it yourself.

Accepting patients badge

Half of primary care searching ends at "not taking new patients". This badge says it plainly at the top of the page.

Services by life stage

Families search by who needs the care, so the services are grouped by age.

Plans taken

As on every health page, insurance is the first question, and the answer belongs in text where a PDF would hide it.

Appointment request

A short request beats a portal signup for a patient who does not have an account yet.

The physicians

Patients choose primary care on the person, so the page shows names, faces and years in practice.

Want the longer version of what the site has to do once a visitor lands? Website design for medical practices covers the pages, the leaks and the FAQ. This page covers the look and the components.

what it costs

No design fee. No setup fee.

The build is inside the monthly price, and on a managed plan the site transfers to you after six months.

You drive the builder and ship the changes Whiskers suggests. The platform does the analysis.

Self-managed plan
Self-managed$99/moWebsite, SEO and the platform. Compute-based after that.
Website and SEO
AI web builder, unlimited edits	Included
Your site hosted on your own domain	Included
SEO: keywords, on-page, schema, rank tracking	Included
AI content recommendations, ready to publish	Included
Answer engine optimization	Included
askotter dashboard and change log	Included
Paid channels
Google Ads + Meta Ads, connected and tracked	Add per channel
AI bidding and budget recommendations	With each channel
True ROAS against your real revenue	With each channel
How it runs
Who ships each change	You
A person reviews every change before it ships	Not included
Ad accounts	Yours, you keep them
What moves the price	The compute you use
Cancel anytime	Included
Sign up for the free 14-day trial

The $99/mo covers your website and SEO on the platform. After that the price is compute-based. Ask Whiskers to run more analysis, or to watch more ad channels for you, and the bill scales with how much you use.

No setup fee. Ad spend is billed to you by Google and Meta.

Want a person to run it for you?

Our team builds and runs it. A person reviews every AI recommendation before it ships.

Human-in-the-loop plans compared
What is included	PopularManaged SEO$600/moWe build it and run the SEO.	Managed + Ads$1,000/moEverything in Managed SEO, plus Google Ads and Meta Ads run by our team.
Website and SEO
We build and host your website	Included	Included
Monthly SEO, done for you	Included	Included
Content written, reviewed and published	Included	Included
Answer engine optimization, run for you	Included	Included
One site refresh per year	Included	Included
askotter dashboard and change log	Included	Included
Paid channels
Google Ads + Meta Ads management	Not included	Included
Monthly performance reviews	Not included	Included
Ad budget	Not needed	Under $10K/mo
How it runs
Who ships each change	Our team	Our team
A person reviews every change before it ships	Included	Included
Email marketing waterfall	Setup	Fully managed
Strategy calls	Not included	Monthly
Website is yours after six months	Included	Included
	Get a free proposal	Get a free proposal

No setup fee. Cancel anytime. Ad spend is billed to you by Google and Meta.

Want to talk it through first? Book a 20-minute demo

Prefer to run it yourself?

questions

Questions about medical practice websites

Do you have a medical practice website template I can buy?

There is no theme file to buy. askotter offers eight design directions for medical and primary care practices, each shown as a full sample site, and a prompt for each one that starts your own build in the askotter builder. The pages are then written from your own services, prices and hours, so two medical and primary care practices starting from the same direction end up with different sites. If you want a theme file to buy and edit yourself, Squarespace and Wix sell that well.

How long does a medical practice website take to build?

The first full draft comes back the same day you describe the business or hand over the URL of the site you already have. Launch is typically five to ten working days, most of which is you reviewing pages rather than us building them. There is no discovery phase and no queue behind four other clients.

Can you rebuild the site I already have?

Yes. Give us the URL. The agents read every page, keep what is still earning its place, such as your bio, your reviews and copy you spent a weekend on, and rebuild the rest around the component set. The URL structure is preserved where it can be and redirects are written where an address has to change, so the rankings come with you.

Can I change the look after launch?

Yes, by message. "Try the navy palette" or "make the headings serif" goes into the same text thread as every other change, a preview comes back, and it publishes when you reply yes. Rolling it back is another message.

Does the design affect whether I rank?

Less than the structure does. What moves rankings for medical and primary care practices is a page per service rather than one services page, real questions as headings, prices and service areas written as text rather than sitting in an image, and schema that matches what is visible. All of that is built in whichever direction you pick. Speed matters too: the sample sites here compress every photo and lazy-load anything below the first screen, and the SEO panel on each one shows the checks it passes.

full sample sites

Finished sites for other trades.

Complete websites for invented businesses, every page and a working tool, built the way yours would be.

Dentists · 8 directions · 10 pages each

Riverbend Dental

Working tool: What your treatment costs monthly

Emergency strip
A page per procedure
Financing estimator

Medical practice website designs, eight live examples.

Eight ways a medical practice site can look.

Clinical Clinic

Classic Navy

Bento Cobalt

Swiss Grid Ocean

Frosted Glass Midnight, dark

Modern Forest

Editorial Slate

Organic Sage

Try any of the sixteen directions on this trade.

What should a medical practice website include?

What goes on a medical practice site, and why.

Accepting patients badge

Services by life stage

Plans taken

Appointment request

The physicians

No design fee. No setup fee.

Questions about medical practice websites

Do you have a medical practice website template I can buy?

How long does a medical practice website take to build?

Can you rebuild the site I already have?

Can I change the look after launch?

Does the design affect whether I rank?

Finished sites for other trades.

Riverbend Dental

Oakline Chiropractic

Lune Aesthetics

Northbay Physical Therapy

Hollow Creek Veterinary

Clearview Eye Care

Harrow & Bright

Ledger & Co

Northpoint Wealth

Kestrel Insurance Group

Marguerite Vance

Ridgeline Heating & Air

Hollis Plumbing

Copperline Electric

Summit Roofing

Kesler Auto Service

Fern & Field

Alder & Stone Landscapes

Cedar Ridge Pest Control

Tidewater Home Cleaning

Ironbridge Garage Doors

Foundry Strength

Nearby component sets.

Send us the brief you just built.