Free consultation for new patients · Mention this offer when you call. Expires May 31. Book now →
- Always the topmost element on the page — above the sticky nav, never below it
- Height: 44px fixed — single line of text only, no wrapping
- Full viewport width — no side margins, no max-width container
- Dismiss button (×) always present at right edge — user can close it
- One offer only — not a list of promotions
- Expiry date always visible in the bar copy
- One inline CTA link — "Book now →" or equivalent — no button, no separate element
- Remove from the page when the promotion ends — never leave a stale promo bar live
- Background color (dark recommended — contrast with nav below)
- Offer copy (keep under 12 words before the CTA)
- Expiry date
- CTA link destination (booking page, phone, anchor)
- Accent color on CTA link (use practice primary)
- Use sparingly — one active promotion at a time, maximum
- Tone must match the practice voice — no exclamation marks for high-end practices
- Works for: new patient offers, seasonal promotions, limited-time consultations
- Not for: permanent upsells or ongoing discounts — that belongs in the body
- Not for: practices where promotional language conflicts with the brand positioning
- No "Contact" nav item — phone and CTA already present; a Contact link is redundant
- Sticks to top of page on scroll
- Phone number always visible — left of CTA
- CTA always reads "Book a consultation"
- Subtle border + shadow appears on scroll
- Background matches page background color
- Height: 68px
- Practice name / wordmark
- Font and weight of wordmark
- Nav link labels (match site architecture)
- Phone number
- CTA button background color
- Background color (matches brand)
- Works for all practice types
- Universal — no exceptions
- Every site gets this module
- Service names in nav link directly to individual service pages
- Maximum 3 named services — if more, use M01-D dropdown instead
- Service names match H1 of their destination page exactly — SEO anchor text must be consistent
- No "Contact" nav item — phone and CTA already present; Contact is redundant
- About always last among nav links
- Phone and CTA always right — no exceptions
- Which services are named (match the practice's primary pathways)
- Practice name / wordmark
- Phone number and CTA color
- Named nav links appear as internal links on every page — high-value SEO signal
- "Dental Implants" in the nav = that anchor text linking to the implants page from every URL on the site
- Best for: specialty practices with 2–3 clear primary services
- Not for: general practices with 8+ services — nav will be overcrowded
- Featured service always first in the nav list — before generic links
- Featured service rendered in accent color — same signal logic as active states
- Only one featured service — accent color loses meaning if overused
- Featured service links to its dedicated page, not a section anchor
- Phone and CTA always right
- Which service is featured (Dental Implants for most implant practices)
- Remaining nav labels
- Accent color (matches brand)
- Practice name / wordmark
- Dental implants is the highest-margin service in most practices — this nav makes it the first thing every visitor sees on every page
- The accent color draws the eye without shouting — patients notice it, then click
- Internal link authority: every page links to the implants page with exact-match anchor text
- Best for: any practice where implant growth is a primary business goal
- Can be applied to any high-priority service — not implants-only
City · State
Headline on
two lines, always.
Two lines of body copy. Width constrained to match headline. Period at end of line one, capital on line two.
→ Book a consultation- Headline: exactly 2 lines — never 1, never 3
- No widows on either line
- Body copy: exactly 2 lines, width matches headline
- CTA immediately below body copy
- Photo: full width, edge to edge, no gradient fade
- Photo: full color, real person, great teeth
- Location label above headline in bronze/accent
- Headline at heaviest available font weight
- Headline font (matched to brief)
- Background color (paper, white, light neutral)
- Accent/bronze color
- Headline copy
- Body copy
- Location text
- Photo subject and style
- Photo height (min 400px, max 640px)
- Best for: specialty, advanced care, established practices
- Works for: moderate-to-high end positioning
- Consider alternatives for: pediatric, very warm/playful practices
- Not for: practices with no strong human photography
The specialist other dentists refer
their most complex cases to.
- Statement left, proof right — always
- Statement: one sentence, 8–14 words maximum — if it needs more, it isn't sharp enough yet
- Statement: patient-first — about what they get, not what the doctor has
- Example copy shown is Ressler-specific — use it as the quality and length standard, not as a template. Every practice gets a statement written fresh from their personality brief
- Proof numbers in DM Serif Display (or practice's serif)
- Minimum 3 proof points, maximum 6
- Each proof item separated by a fine rule
- No icons — numbers and text only
- Statement copy (written fresh per brief)
- Proof points (years, ratings, credentials, certifications)
- Statement font
- Background color
- Number font (contrasting serif encouraged)
- Best for: established practices with strong credentials
- Works for: specialty, general, cosmetic
- Adjust for: newer practices — lean on philosophy over years/numbers
Advanced technology
The tools that make
better outcomes possible.
Cone Beam CT
A complete 3D map of your jaw, bone, and nerves before treatment begins. What once required a hospital referral now happens here, in minutes — giving every treatment plan a precise foundation.
- Hero photo always left (4:3, 12px radius), text always right
- Exactly four technology cards — no more, no fewer
- Active card: bronze left border, name in bronze
- Clicking a card fades hero content and swaps in — no page reload
- Photos: real clinic or equipment — never stock
- Copy: patient benefit, not feature spec
- Which four technologies appear
- Clinic/equipment photos per technology
- Tech names, category labels, benefit descriptions
- Section headline copy
- Font, accent color
- Best for: specialty and advanced-care practices with 4 distinct technologies
- Rewards curiosity — patients explore without leaving the page
- Requires: four strong clinic photos and distinct, benefit-led descriptions
- Skip for: practices with fewer than 4 notable technologies
- Structural pair of M04-E — do not use both on the same site. If M04-E is the pathway module, choose M06-B, C, or D for technology.
Advanced technology
Built to do work
most offices can't.
- Three cards — equal width, equal visual weight
- Photos always 4:3 ratio with 12px border-radius
- 28px gap — breathing room is the point
- Photos: real clinic or equipment — never stock
- Copy: patient benefit — one clear sentence per card
- Bottom callout row always present
- Which three technologies appear
- Clinic/equipment photos per card
- Tech names and benefit descriptions
- Section headline and label
- Font, accent color
- Best for: practices with exactly 3 key technologies and strong photography
- Cleanest layout — photo leads, copy supports
- Works for: specialty, advanced care, any practice wanting to show — not just tell
- Skip if photography isn't strong — M06-D is the better fallback
- Structural pair of M04-G — do not use both on the same site. If M04-G is the pathway module, choose M06-A, C, or D for technology.
Advanced technology
Two tools that set
this practice apart.
- Exactly two cards — this format is for practices with two signature technologies
- Photo always 4:3 with 12px radius — never fixed height
- 28px gap — large format, generous space
- Descriptions can be longer here (2–3 sentences) — the format earns it
- Bottom callout row always present
- Which two technologies are featured
- Clinic/equipment photos
- Tech names and descriptions
- Section headline and label
- Font, accent color
- Best for: practices that want to make a deliberate case for two specific technologies
- The large format gives each technology room to feel significant — not a list item
- Works especially well when the two technologies tell a complementary story
- Skip if the practice has more than 2 technologies worth featuring — use M06-A or M06-B
- Structural pair of M04-C — do not use both on the same site. If M04-C is the pathway module, choose M06-A, B, or D for technology.
Advanced technology
The tools behind
every good outcome.
A complete 3D picture of jaw, bone, and nerve anatomy before treatment begins. Eliminates guesswork from surgical planning and produces more accurate, predictable outcomes than traditional 2D imaging.
Digital impressions replace physical trays entirely. Models are captured in minutes and sent directly to the lab — restorations fit right the first time, with no retakes and no discomfort.
Precision gum treatment without cutting. Laser energy removes infected tissue while leaving healthy tissue intact — less discomfort than traditional surgery, minimal recovery, and more durable long-term results.
Magnification up to 15× for cosmetic work, crown preparations, and complex restorations. Work most dentists aren't equipped to do — precision that shows in the result and lasts in the long term.
Custom crowns designed, milled, and placed in one appointment. No temporary restoration, no second visit, no waiting. The result looks and functions exactly like a natural tooth.
- Headline centered above full-width accordion
- One row open at a time — close others on open
- First row open by default to signal interactivity
- + rotates to × in bronze when open — accent as signal
- Hairline rules between every row, top and bottom
- 3–6 rows maximum — more than 6 becomes a spec sheet
- Descriptions are patient-benefit, not feature-spec — write like you're answering a question
- Technologies and descriptions
- Section headline
- Number of rows (3–6)
- Font, accent color
- Best fallback — works when strong clinic photography isn't yet available
- Best for: practices with 4–6 technologies and strong descriptions
- Feels editorial and precise — suits specialty and advanced-care practices
- The interaction rewards curious patients without overwhelming them
- Structural pair of M04-B — do not use both on the same site. If M04-B is the pathway module, choose M06-A, B, or C for technology.
- Always the last section before the footer
- Headline left, CTAs right — always
- Headline: exactly 2 lines — no widows, no 3-line breaks. Write copy to fit, not to fill.
- Primary CTA: "Book a consultation"
- Secondary CTA: phone number
- No photo — typographic only
- Headline copy (written per brief)
- Accent word in headline
- Phone number
- Button color
- Background color
- Font
- Universal — every site closes this way
- Headline tone adjusts per brief: confident for specialty, warm for family
- Wordmark left, social icons center, location right
- Social icons: Facebook, Instagram, Google — all three, always
- Icons quiet (ink-faint), subtly animate to ink-light on hover — never loud
- No nav links repeated here
- Fine top border only
- Same background as page
- Practice name
- Location(s) — city and state
- Font
- Background color
- Add: copyright line if required
- Universal — every site ends this way
- Intentionally minimal — the CTA above does the work
City · State
Headline on
two lines, always.
Two lines of body copy. Constrained to headline width. Clean, intentional line break.
→ Book a consultation- Left: text + stats. Right: photo — always this order
- Photo fills full height of the module
- Stats sit below CTA, separated by a fine rule
- Headline: 2 lines, no widows
- Stats: numbers in contrasting serif
- Font, colors, accent color
- Headline and body copy
- Photo (portrait orientation preferred)
- Stats shown (can swap credentials for numbers)
- Column split ratio (default 50/50, can adjust)
- Best for: practices with a strong doctor portrait
- Works for: specialty, boutique, established single-doctor
- Good when: the doctor IS the brand
City · State
The care you
deserve, finally.
Two lines. Patient-first. Spoken, not written.
→ Book a consultation (000) 000-0000- Photo left (60%), text right (40%) — always this order
- Photo fills full height — no fixed height, no cropping
- No stats — the photo carries the visual weight, text stays clean
- Phone sits below CTA as a secondary line — not a button
- Headline: 2 lines, no widows
- Paper background — no dark treatments
- Photo subject (patient, doctor, office — great smiles required)
- Headline and subline copy
- Font, accent color
- Text column padding (scale with content)
- Best for: practices with one strong, dominant photo
- The wider photo proportion signals confidence — the image leads, the text follows
- Works for: cosmetic, specialty, established practices
- Not for: practices without strong photography — the imbalance shows
City · State
The practice that changes
how you feel about dentistry.
Two lines of body copy, constrained to feel intentional. Patient perspective throughout.
- Headline left and dominant — occupies 60% of the visual weight
- Photo right, inset — contained within the grid, not bleeding to the edge
- Headline: 2 lines, no widows — font chosen per practice brief
- Photo: portrait orientation, 3:4 ratio, 4px radius
- No gradient, no overlay on photo
- CTA + phone inline below headline — both visible without scrolling
- Headline copy (written per brief)
- Subline and CTA copy
- Photo subject
- Serif font (practice-specific)
- Top padding, background color
- Best for: practices where the message is the strongest asset
- The headline leads — works even if photography is average
- Italic serif signals warmth and craft — suits boutique, specialist, family practices
- Not for: emergency-forward or urgency-driven practices
City · State
Care that feels
completely different.
Two lines. Clean break at a natural pause. Constrained to match the headline width.
- Text left, rounded photo right — always this order
- Photo: 16px border-radius, 4:3 ratio, padded away from edges — never full bleed
- The rounded, contained photo is the defining signal of this variant — do not flatten it
- CTA + phone inline on one row below the subline
- Headline: 2 lines, no widows
- Paper background — the lightness contrasts the rounded photo warmly
- Photo (patient smile, doctor portrait, or welcoming office detail)
- Border radius (12–20px range — keep it rounded, not subtle)
- Headline and subline copy
- Font, accent color
- Background color of page
- Best for: general practice, family, pediatric, or warm/approachable personalities
- The rounded frame signals: human, modern, approachable — the opposite of clinical
- Works when the practice wants to feel like a consumer brand, not a medical office
- Pairs well with: M03-B or M03-C statement modules below
Twenty-six years. The same standard of care from the first visit to the last.
- Statement centered, max-width constrained
- Stats in horizontal row below — always 3–5, never more
- Fine rule separates statement from stats
- Numbers in contrasting serif — always
- No icons, no images
- Statement copy
- Stats (years, ratings, credentials)
- Font, colors
- Number of stats shown
- Background color
- Best for: practices with strong balanced credentials
- Works with M02-D (centered hero) for full editorial feel
- Pairs well with: any hero variant
About the practice
Board-certified precision, without the clinical distance.
- Statement and credentials left, photo right
- Photo: doctor portrait OR office interior — not a patient
- Photo fills full height of module
- No gradient on photo
- Credentials as a list — not paragraphs
- Statement copy
- Credentials shown
- Photo (doctor, team, or interior)
- Font, colors
- Section label
- Best for: single-doctor practices where the doctor is the differentiator
- Works for: specialty, boutique, established practices
- Requires: a strong doctor or office photo
Our services
Find exactly what
you're looking for.
- Headline centered above full-width accordion — never ambiguous or judgmental
- One row open at a time — collapse others on open
- First row open by default to signal interactivity
- + rotates to × in bronze when open — accent as signal
- Hairline rules between every row, top and bottom
- Descriptions are practice-specific — never generic category copy
- "See all services" callout always present below the list
- Services and descriptions
- Section headline
- Number of rows (3–6)
- Font, accent color
- Fallback option — use when the practice has no approved photography yet, or when content should carry all the weight
- Best for: practices with 4+ services and strong service descriptions
- Feels editorial and confident — suits precise, specialty practices
- Strong when photography isn't available — each description earns its place
- The interaction rewards curious patients without overwhelming them
- Structural pair of M06-D — do not use both on the same site. If M04-B is chosen here, choose M06-A, B, or C for technology.
Our services
The right care
for where you are.
- Exactly 2 cards — this variant is for practices with two primary pathways
- Photo is always 4:3 aspect ratio with 12px radius — never fixed height
- 28px gap between cards — never tight or hairline
- No intent lines — service name stands on its own
- CTA text is service-specific — “Explore dental implants →”, “See cosmetic options →” — never “Learn more”
- Hairline rule above CTA — consistent with G
- Which 2 services are featured
- Photos per service (approved, great teeth if patient shown)
- Service descriptions
- Section headline and label
- Font, accent color, background
- Best for: specialty practices with two clear patient pathways
- Works when the practice wants photography to do the heavy lifting
- The large format gives each service room to feel important
- Pairs well with: M04-E or M04-G if a third pathway needs to be added
- Structural pair of M06-C — do not use both on the same site. If M04-C is chosen here, choose M06-A, B, or D for technology.
Where would you like to start?
Find your way to
the right care.
Dental Implants
The permanent solution for missing teeth — natural-looking, bone-preserving, and built to last a lifetime. Dr. Ressler places and restores implants in-house, from initial scan to final crown.
Book a consultation →- Hero photo always left (4:3 ratio, 12px radius), text always right
- Exactly four service cards below — no more, no fewer
- Active card is always dark (ink background, white text)
- Clicking a card swaps the hero photo and text with a fade — no page reload
- Each card requires: service name, one-line description, photo placeholder, full description for hero panel
- "See all services" callout always present
- Which four services appear
- Hero photos per service — real patients, faces forward
- Service names, labels, and descriptions
- Section headline copy
- Font, accent color, card background tones
- Best for: practices with 4 distinct service categories
- The interaction rewards curiosity — patients explore without leaving the page
- Works especially well for specialty or multi-service practices
- Requires: four strong photos and clear, distinct service descriptions
- Structural pair of M06-A — do not use both on the same site. If M04-E is chosen here, choose M06-B, C, or D for technology.
Where would you like to start?
Find your way to
the right care.
- Three cards only — equal width, equal weight, no hierarchy
- Photos are always 5:6 ratio (slightly taller than square) with 12px border-radius
- 28px gap between cards — space is intentional, not wasted
- Photo placeholder is always a warm neutral tone — real photos replace it
- Intent label, service name, description, and service-specific CTA required in every card — never "Learn more"
- "See all services" callout always present, separated by space above
- Which three services appear
- Patient photos — real people, faces forward, great smiles
- Intent lines and descriptions
- Section headline and label copy
- Font, accent color, placeholder tone
- Best for: practices with strong patient photography
- Space between cards signals quality — we're not competing for attention, we're inviting it
- Rounded photo corners soften the clinical edge — human, not hospital
- Works for: boutique, cosmetic, specialty, and family practices
- Structural pair of M06-B — do not use both on the same site. If M04-G is chosen here, choose M06-A, C, or D for technology.
"This office changed my mind about what a dental practice can be."
I avoided the dentist for fifteen years. Between the anxiety and two bad experiences at other offices, I had convinced myself it would never be different. My daughter finally made me call Dr. Ressler. I've now been a patient for four years — every single appointment has been calm, clear, and genuinely comfortable.
Sandra M., Boynton Beach
Google ✓
- Pull phrase: the sharpest single sentence from the review — large, italic serif
- Hairline separates pull phrase from full quote below
- Full quote: DM Sans body weight — deliberately quieter than the pull phrase
- Attribution below the full quote — monogram + name + source stacked
- Navigation row always present below attribution — ← counter → — separated by a hairline
- Counter format: "N of [total]" — total is the practice's full review count, not just the visible quotes
- CTA column anchored to top (align-items: start) — never artificially centered
- Stars animate on load
- Pull phrase — must be the single sharpest line in the review
- Full quote text
- Reviewer initials, name, city, and source
- Total review count (denominator in the counter)
- Number of reviews in the cycling set (3–5 curated reviews recommended)
- CTA label and phone number
- Background color
- Best when the review has one truly quotable line buried in a longer story
- Two layers of engagement: the hook stops the skimmer; the full quote rewards the reader who stays
- The counter "47 reviews" is itself a trust signal — use the practice's real total, not a curated subset count
- Works for any practice personality
"This office changed my mind about what a dental practice can be."
I avoided the dentist for fifteen years. Between the anxiety and two bad experiences at other offices, I had convinced myself it would never be different. My daughter finally made me call Dr. Ressler. I've now been a patient for four years — every single appointment has been calm, clear, and genuinely comfortable.
Sandra M., Boynton Beach
Google ✓
- All G rules apply — same two-layer logic, same navigation
- No CTA column — CTA lives below the quote in a single column
- Pull phrase slightly larger than G — it earns the extra size with full-width room
- Attribution and navigation on the same row — attribution left, counter right
- All content constrained to max-width 700px for comfortable line length
- Same variable elements as G
- Max-width can narrow for very long pull phrases
- Best when the patient story is the primary trust signal on the page
- The single column gives the pull phrase room to land without competition
- Works especially well for practices with detailed, specific patient narratives
- Good after a busier module — this one is quiet and confident
"This office changed my mind about what a dental practice can be."
I avoided the dentist for fifteen years. Between the anxiety and two bad experiences at other offices, I had convinced myself it would never be different. My daughter finally made me call Dr. Ressler. I've now been a patient for four years — every single appointment has been calm, clear, and genuinely comfortable.
Sandra M., Boynton Beach
Google ✓
- All G rules apply — same two-layer logic, same navigation
- Everything centered — stars, pull phrase, full quote, attribution, nav, CTAs
- Pull phrase constrained to max-width 620px — prevents awkward line breaks at full width
- Full quote slightly narrower (540px) — tighter reading column, more comfortable
- Attribution stacks vertically: monogram → name → source
- Navigation is a separate centered row below attribution — not inline with it
- Same variable elements as G
- Horizontal padding can increase (120px → 160px) for more spaciousness
- Best for: boutique, cosmetic, family, and spa-adjacent practices
- The centered composition reads as calm, balanced, and confident — not corporate
- Avoid for specialty/clinical practices where directness is the brand signal
- Works well when the page has a relaxed, open vertical rhythm
Ready to experience dentistry
done differently?
- Everything centered
- Headline: 2 lines max, no widows
- Both CTAs inline, centered row
- Phone equal weight to booking button
- No photo
- Headline copy and accent word
- Phone number
- Button color
- Background color
- Font
- Pairs with centered-layout sites (M02-D, M03-B)
- Works for: any practice
- Feels more open and inviting than M07-A
Common questions
What patients
ask us most.
Questions worth asking before you decide on any treatment or practice.
Book a consultation →- Headline left (sticky), accordion right — always this layout
- Questions must reflect what patients actually search — not marketing dressed as questions
- Minimum 4 questions, maximum 8 — beyond 8 use M09-B two-column
- One question open by default (the most searched)
- Answers: direct, honest, specific — no hedging or corporate tone
- + rotates to × in bronze on open — accent as signal, never decoration
- Implement FAQPage schema for every question on service pages
- No "Contact us for more information" as an answer — that's a failure to answer
- Questions (matched to service page and what patients actually search)
- Answers (practice-specific, not template text)
- Section headline and intro copy
- Number of questions (4–8)
- Font, accent color
- CTA in left column
- Required on every dental implants service page — SEO and conversion standard
- Works on any service page with high patient questions
- Homepage: use 4–5 highest-volume questions across all services
- Service pages: use service-specific questions only
- Pairs with any pathway module above it
Common questions
What patients
ask us most.
Questions worth asking before you choose any practice or treatment.
- Header centered above — label, headline, brief intro
- Accordion constrained to max-width 760px, centered on the page
- One question open at a time — close others on open
- First question open by default
- + rotates to × in bronze on open
- 4–6 questions — this layout reads compactly; use M09-A for longer lists
- CTA centered below the list
- Implement FAQPage schema on every Q&A pair
- Questions and answers
- Section headline and intro
- Number of questions (4–6)
- Font, accent color
- CTA copy and phone number
- Best for: homepage FAQ sections with 4–5 high-volume questions
- More compact footprint than M09-A — good when FAQ isn't the primary page section
- Centered layout works well after M07-B (centered footer CTA)
- Swap for M09-A when the left column content (intro, CTA) adds meaningful value
Common questions
Every question
worth asking.
Organized by topic so you can find what matters most to you.
Book a consultation →Cost & Insurance
The Procedure
Long-Term Results
- Left column sticky (same structure as M09-A) — headline, intro, CTA
- Right column: 2–4 named groups, each with 2–3 accordion questions
- Group labels: small uppercase bronze — never decorative, always meaningful
- One question open at a time across the entire module (not per group)
- Groups must reflect genuine patient mental categories — not arbitrary sorting
- + rotates to × in bronze on open
- Total questions: 6–12 — this is the right format when M09-A would feel too long
- Implement FAQPage schema — every Q&A pair regardless of group
- Group names and questions (matched to actual patient concerns)
- Number of groups (2–4) and questions per group (2–3)
- Section headline and intro copy
- Font, accent color
- CTA in left column
- Best for: dedicated service pages with 8–12 questions across distinct topics
- Grouping makes a long FAQ feel approachable — patients scan to their concern, not the whole list
- Works for: implants, cosmetic, gum treatment — any high-consideration service
- Skip for: homepage use — M09-A or M09-B are better fits at homepage scale
Founder
Dr. First Last
Two to three sentences. Specific, personal, warm. Not a CV.
Associate
Dr. First Last
Two to three sentences. Specific, personal, warm. Not a CV.
- Alternating layout — photo left / text right, then text left / photo right
- Each row is equal column split with 40px gap
- Photos: 4:3 ratio, 12px border-radius — never full-bleed, never touching edges
- A fine rule separates each doctor row
- Role label above name — small caps in accent color
- Bio: 2–3 sentences, personal not clinical
- Number of doctors (2–4 rows)
- Photo subjects and style
- Role labels and names
- Bio copy per doctor
- Font, accent color
- Best for: practices with strong doctor photography and 2–4 providers
- The alternating rhythm signals a team with distinct personalities
- More editorial than M10-A — suits specialist, boutique, or prestige positioning
- Not for: practices without real doctor photos — use M10-A with placeholders instead
Founder & Lead Doctor
Dr. First Last
Three to four sentences. This is more generous than the two-up card — lean into the story. Where they trained, why they practice the way they do, what patients consistently say about them. Real, specific, warm.
"A short personal quote from the doctor — their philosophy in their own voice."
- Photo left, text right — always this order
- Photo: 1:1 square crop, 12px border-radius
- Includes a pull quote from the doctor — in their voice, not marketing copy
- Pull quote: DM Serif Display italic, left-bordered in accent color
- Role label above name in small caps accent
- Bio: 3–4 sentences — more generous than two-up, the doctor is the whole story
- Photo
- Doctor name, role, credentials
- Bio copy
- Pull quote
- Font, accent color
- Best for: solo practices where the doctor IS the brand
- The pull quote is the defining element — it humanizes a solo practice instantly
- Works for: boutique, specialist, long-established single-doctor practices
- Not for: multi-doctor practices — use M10-A or M10-B instead
Real results
Results you can see
before you decide.
Full-arch porcelain veneers
Patient was self-conscious about uneven, discolored teeth for over a decade. After a digital smile design consultation and ten porcelain veneers, the result matched exactly what she described wanting on day one.
- Exactly four cases in the selector — enough to show range, not so many it becomes a catalog
- Before image always left, after image always right — labels always present
- Both images use the same 3:4 crop — no mixing orientations
- Clicking a case card fades and swaps both images and the writeup panel
- Active card: accent left border, name in accent color
- Writeup: treatment category label, treatment name (H3), 2–3 sentence patient story
- Patient story: specific situation and result — never "patient wanted a better smile"
- Consent notice always present in footer callout row
- Real patient photos only — no stock, no illustration, no AI-generated imagery
- No clinical or graphic imagery — close-up smile photography only
- Which four cases are shown — matched to the practice's strongest work
- Case names, category labels, and patient writeups
- Before/after photography per case
- Section headline copy
- Accent color and font (matched to practice)
- Best for: cosmetic, restorative, and specialty practices with strong case photography
- Patients explore cases at their own pace — no endless scrolling, no lightbox required
- Highest-converting section type for cosmetic services
- Skip if the practice cannot supply at least 4 consented, photographed cases
- Not appropriate for: pediatric-only or purely preventive practices with no cosmetic work
Case 1 of 4 — Full Smile Makeover
From hiding her smile
to leading with it.
Two to three sentences about this specific patient's situation — what they came in with, what was done, how they feel now. Real, personal, specific. Not "patient was unhappy with her smile and now she loves it."
- One case featured at full size at a time — left column photo pair, right column case story
- Photos: portrait orientation (3:4), before left / after right, labeled
- Thumbnail strip below the main pair — selected case highlighted with dark border
- Case story: procedure label (small caps) → headline → 2–3 sentence narrative → prev/next
- Headline tells the patient's story, not the procedure — "from hiding her smile to leading with it," not "Full Mouth Rehabilitation"
- Consent notice on the gallery page — not required per card on the homepage teaser
- Number of cases (3–6 in thumbnail strip)
- Photo subjects
- Case headlines and narratives
- Procedure labels
- Font, accent color
- Best for: high-end cosmetic, full-mouth rehabilitation, implant-forward practices
- The storytelling format elevates the result beyond a photo — suits practices with a distinct voice
- Requires: real photos + compelling case narratives — don't use without both
- For practices with fewer cases or simpler photography: use M12-A instead
Real results
Drag to see
the difference.
Full Smile Makeover · Porcelain Veneers
- One case at a time — the interaction is the feature, not the volume
- Drag handle centered by default — the reveal starts at 50/50
- "Before" / "After" labels always visible, fade-pinned to their respective sides
- Headline instructs the interaction — "Drag to see the difference" or equivalent
- Case label below the image: procedure name only, no patient story needed here
- If multiple cases: add prev/next navigation or a case selector below
- Touch-draggable — this module requires JS interaction; test on mobile before shipping
- Photo case(s) shown
- Number of cases (1 default, up to 4 with selector)
- Headline copy
- Handle color and style
- Image aspect ratio (16:9 default for wide smiles; 4:3 acceptable)
- Best for: cosmetic-forward practices who want a wow moment on the page
- The interaction is inherently playful — suits modern, tech-forward, boutique practices
- High engagement but requires exceptional photography — blurry or mismatched angles break the effect
- Not for: clinical or conservative practices where the interaction may feel gimmicky
- Requires: both photos shot at identical angle, framing, and lighting — before/after must be directly comparable
Hours
Phone
(000) 000-0000- Required on every SGA practice site — no exceptions
- Left column: address → hours → phone. Always in this order.
- Right column: map embed, 4:3 ratio, 10px border-radius
- Each block has a section label in small caps accent above it
- Hours: every day of the week accounted for — closed days explicitly listed
- "Get directions" link always present — opens Google Maps in a new tab
- Phone number is a clickable
tel:link - Map: Google Maps embed iframe, no UI controls, no satellite view, standard zoom showing the practice location
- For multi-location practices: repeat this module once per location, or use M13-B
- Address, phone, hours
- Section headline (optional — module works without one)
- Accent color on labels and "Get directions" link
- Map embed URL (practice-specific Google Maps link)
- Font (matched to practice)
- Background color
- Universal — required on every site regardless of practice type
- Placement: between FAQ and footer CTA
- SEO note: this section should be accompanied by LocalBusiness schema markup in the page head — address, phone, and hours must match Google Business Profile exactly
Hours (both locations)
Mon – Thu: 8:00 am – 5:00 pm
Friday: 8:00 am – 2:00 pm
Sat – Sun: Closed
- For multi-location practices only — do not use for single-location practices
- One column per location: city label → address → phone → directions link
- If hours differ by location, each column gets its own hours
- If hours are shared, a single hours column appears to the right of all locations
- No map embed — the compact format trades the map for multi-location clarity
- Link each location name to its individual Google Maps listing
- Number of locations (2–4)
- Addresses, phones, hours per location
- Whether hours are shared or per-location
- Accent color, font
- Multi-location practices only
- Single-location practices: use M13-A with the full map
Dental Implants in Delray Beach
Permanent tooth replacement that looks, feels, and functions like the real thing — placed in-house by Dr. Ressler with 26 years of implant experience.
- Use on every interior page — never on homepage (use M02 variants there)
- Breadcrumb: Home → [Section name] — always two levels, never more
- H1 must be the primary keyword target for the page
<em>wraps geo or service keyword in primary color — one keyword only- No CTA in this module — CTA belongs in the page body or sticky sidebar
- Paper background + 1px bottom border separator always present
- H1 copy (keyword-targeted per page and market)
- Intro line — optional; use when page needs a one-line orientation sentence
- Geo or service keyword wrapped in
<em> - Primary accent color applied to
<em> - Headline font (matched to practice brief)
- File:
site-builder/modules/page-banner.mjs
- Works for: all practice types — this is a structural module, not a style choice
- Tone of H1 and intro line should match the practice voice (clinical vs. warm)
- Keyword emphasis color should use the practice's primary accent — not a default
Service Name in City Name
One or two lines of intro copy — sets up the page and gives the patient a reason to keep reading. Width constrained to match the headline.
- Use on interior pages where a human moment improves trust — service pages, about, contact
- Breadcrumb: Home → Section → Page — always three levels on this variant
- H1 size matches M02-F — interior scale, never hero scale
- No CTA in this module — CTA belongs in the sticky sidebar or body
- Photo: full container width, 16:7 aspect ratio (cinematic, not portrait)
- Photo: real person — doctor, patient, or candid in-office moment. Never stock.
- No gradient, no overlay, no caption — photo stands alone
- Paper background above photo; photo butts the bottom edge of the module
- 1px bottom border below the photo, not above it
- H1 copy (keyword-targeted per page and market)
- Intro copy (1–2 lines max — if it needs more, it's doing too much)
- Geo or service keyword wrapped in
<em> - Primary accent color applied to
<em> - Headline font (matched to practice brief)
- Photo subject — doctor portrait, patient candid, team, in-office environment
- Photo height (aspect-ratio 16:7 fixed — height scales with viewport width)
- Best for: service detail pages, about page, any page where human context converts
- Works for: all practice types — content is structural, tone is in the photo choice
- Prefer M02-F when the page is process-heavy and photo would slow orientation
- Not for: utility pages (sitemap, privacy policy, contact form only)
- Pairs with M11-A and M11-C service detail layouts
"He told me what was actually wrong — not what would make him the most money."
"Twenty-six years of experience, and you feel every year of it."
"I drove from Boca because my neighbor wouldn't stop talking about him. She was right."
"The CEREC crown was done in one appointment. I couldn't believe it."
- Dedicated /reviews page only — never embedded on homepage (use M05-I there)
- Aggregate score bar always at top: rating + count + per-source breakdown
- Source filter buttons: All + one per unique source present
- Cards: pull quote (italic serif) + expandable full text + name/source/date footer
- Pull quote: max 3 sentences — trim if longer
- Minimum 6 cards before using this module; ideal 8–12
- AggregateRating + Review schema must cover all visible reviews
- Wash background, paper cards — always
- Review content (pulled from Google, Healthgrades, Facebook per practice)
- Aggregate rating and total count
- Sources shown (only sources the practice actually has reviews on)
- Star and accent color: practice primary
- File:
site-builder/modules/reviews-grid.mjs
- Works for: all practice types — every practice gets a /reviews page
- Best when: 8+ reviews across 2+ sources (filter becomes meaningful)
- Below 6 reviews: use M05-I homepage strip only until volume builds
Dr. Mitchell Ressler, DMD
Founder & Lead Dentist
The kind of dentist you end up
telling your friends about.
Dr. Ressler founded Ressler Dental in 1998 with a single operating principle: tell patients exactly what's going on, recommend only what they actually need, and do the work right.
He completed his dental training at the University of Pennsylvania School of Dental Medicine, followed by advanced training in implantology and cosmetic dentistry.
"I have spent 26 years trying to be the dentist I would want for my own family. That means telling the truth, even when it's not what someone wants to hear."
— Dr. Ressler- About page only — one instance per page, one doctor per instance
- Photo: tall editorial crop (3:4 ratio), left column, sticky on desktop scroll
- Bio: 2–3 paragraphs max — origin story, training, practice philosophy
- Credentials: 4 grid items max — Education, Training, Experience, Memberships
- Philosophy quote: 1–2 sentences in doctor's own words, italic serif, left border accent
- No CTA in this module — CTA lives in the page footer or sticky sidebar
- Wash background; paper for the philosophy block
- Doctor name, title, and credentials
- Bio copy (written fresh per brief — origin story, training, philosophy)
- Credential grid labels and values
- Philosophy quote (doctor's own words)
- Primary accent color for philosophy block left border
- File:
site-builder/modules/doctor-bio.mjs
- Best for: single-doctor practices where the doctor is the brand
- Works for: any specialty or general practice with a strong personal story
- Multi-doctor practices: use one instance per doctor or consider M10-B (staggered split)
- Not for: practices with no real doctor photo — use M10-C placeholder layout instead
Permanent. Predictable. Placed in-house.
How it works
Placement happens in two phases. We set the titanium post in the first appointment using a precision guide. Over three to six months, the post integrates with the bone. The permanent crown follows.
Are you a candidate?
Most healthy adults with adequate bone density qualify. We evaluate at consultation and give you a direct answer — not a soft maybe.
Schedule a consultation
We'll review your case and give you a clear plan — no pressure.
Book a consultation →- Interior service pages only — one per service page
- Always paired with M02-F — Page Banner provides the H1; this module contains H2s only
- Intro: italic serif statement, sets context before H2 sections begin
- Sections: 2–4 per page, each a true H2 with a bronze eyebrow label
- Inline FAQs: 2–4 questions specific to this service
- Sidebar: one container — CTA + trust bullets + related services, always all three in this order
- Related services: 2–4 links; never link to the current page
- Intro copy, section headings, and body (written fresh per service and practice)
- FAQ questions and answers (service-specific)
- CTA headline and supporting line
- Trust bullets (years, locations, insurance, financing — per practice)
- Related service links (from the practice's own service list)
- File:
site-builder/modules/service-detail.mjs
- Works for: all practice types — every service page uses this layout
- High-end/specialist: lean technical in sections, reassuring in FAQs
- Family/general: lead with patient outcomes over procedure steps
Permanent. Predictable. Placed in-house.
How it works
Placement happens in two phases. We set the titanium post in the first appointment using a precision guide. Over three to six months, the post integrates with the bone. The permanent crown follows.
Are you a candidate?
Most healthy adults with adequate bone density qualify. We evaluate at consultation and give you a direct answer — not a soft maybe.
- Interior service pages only — always paired with M02-F
- Left rail: section jump links, CTA, related services — sticky on desktop
- Rail width: fixed at 200px; content flows to the right
- Active section link highlighted in primary accent
- Content column: intro (italic serif) → H2 sections → FAQ accordion
- Sections: 2–4 per page; each a true H2 with a bronze eyebrow label
- FAQs: 2–4 questions, service-specific
- All copy written fresh per service and practice
- Section nav labels (match the H2 headings on the page)
- CTA micro-copy (2 lines max in the rail)
- Related service links (practice's own service list)
- Active link color: practice primary accent
- File:
site-builder/modules/service-detail.mjs
- Best for: specialist and high-credibility practices where depth of content is a selling point
- Works well when: the page has 3+ content sections that benefit from navigation
- Not for: short service pages with only 1–2 sections — the rail will feel empty
- Consider M11-A instead when: the audience is less research-oriented and conversion speed matters
How does computer technology
help me with dental implants?
At Ressler Dental, we use the very latest technology to make our dental procedures safer, faster with less time in the dental chair, and more comfortable, both during and after treatment.
Unlike many other implant providers, we combine three-dimensional CBCT imaging with virtual implant simulations to pre-plan and set up the best possible implant positions.
How we help our patients save teeth.
Many of our patients have failing teeth caused by decay, gum disease, and in some cases, just not taking proper care of themselves. These dental problems have been shown to increase the risk of heart attack, stroke, Alzheimer's disease, and other health problems. Good dental health supports good overall health and long life.
- Multi-emit: one entry per services[i].rawSections[i] or about.rawSections[i]
- Two layouts: centered (680px inner) and split (560 text + 656 photo + 64 gap)
- Heading capped 12 words / 75 chars per Contract Rule 1
- Body verbatim from scrape, max 6 paragraphs per block (Rule 2 Tier-2)
- Numbered eyebrow (01, 02...) optional — set by recipe
- Heading + paragraphs (verbatim from rawSections)
- Photo (split variant) — practice-uploaded
- Photo position: left or right (alternates per recipe rhythm)
- Number of blocks per page (capped at 6 service-detail, 3 about)
- Best for: service-detail page bodies + about-page narrative sections
- Replaces: wall-of-text prose-block fallback
- Anti-fab: silent-skip when rawSections is empty
- Light-gray background (#F0EFED) — no dark sections per Layer 3 rule
- Numbers in DM Serif Display 80px, ink color
- Labels capped 4 words / 30 chars per Contract Rule 1 amendment (tighter than standard)
- Renders only when service has 2+ associatedStats — silent-skip below 2
- Numbers preserved verbatim with original symbols/units (5,871 not 5871; 98% not 98 percent)
- Stats — verbatim from services[i].associatedStats
- Number of stats: 2 minimum, 3 design-target
- Specific labels (years of experience / implants placed / etc.)
- Best for: service-detail pages on practices that publish credibility stats
- Position: between intro section and first topic-block
- Anti-fab: silent-skip when no stats; never padded with fake numbers
12 reasons to choose dental implants.
- → Permanent solution that looks and feels like natural teeth
- → Preserves jaw bone density
- → No dietary restrictions — eat what you love
- → No special cleaning routines required
- → Restores natural speech
- → Improves overall oral health
- → No adhesives or removal at night
- → Decades-proven success rate
- → Protects neighboring healthy teeth
- → Predictable, customizable outcomes
- → Improves confidence and quality of life
- → Long-term value vs. repeated bridge replacements
- 3-column × N-row grid (340 col × 24 gap)
- Centered alignment, eyebrow + heading above grid
- Renders only when source has explicit benefits/reasons list (≥3 entries)
- Verbatim from services[i].associatedBenefits — no synthesis from prose
- Benefit count and content (3+ items, capped at design grid limit)
- Heading copy (e.g., "12 reasons to choose dental implants")
- Optional numbered eyebrow
- Best for: services with explicit benefit lists in source (dental implants, smile makeover, ortho)
- Anti-fab: silent-skip when no explicit list — never synthesizes benefits from prose
Dental implants can replace a single tooth,
a few teeth in a row, or an entire arch.
Replace one tooth without affecting neighbors.
A titanium post + custom crown. The most common implant procedure.
Replace several teeth in a row with two implants.
Two anchor implants support a multi-tooth bridge — efficient and stable.
Full-arch replacement on just four implants.
All-on-4® uses four strategically placed implants to support a full-arch replacement of teeth. It's life-changing for patients with extensive tooth loss who want a fixed, non-removable solution. Most procedures are completed in a single day — patients walk in without teeth and walk out with a new smile.
- ✓ Same-day fixed teeth
- ✓ No bone graft typically required
- ✓ Restores 90%+ of natural chewing function
Stable, removable denture anchored on implants.
A snap-in denture supported by 2–4 implants. More affordable than All-on-4®, removable for cleaning.
- Vertical stack of expandable cards (typically 3–4)
- Featured option starts expanded; others collapsed
- Expanded state: 4px accent left-border + − toggle + full description + benefits list
- Renders only when service has 3+ branded sub-options (anti-fab silent-skip below 3)
- Sub-option labels verbatim ("ALL-ON-4®", not "Full Arch Implants")
- Branded sub-options (All-on-4®, Bridge, Single Implant, etc.)
- Featured option (the practice's primary recommendation)
- Number of options (3 minimum, 4 design-target)
- Best for: services with multi-treatment ladders (implants, ortho, smile makeover)
- CRO pattern: research-mode patient stays on page (expand-in-place, no nav)
- Anti-fab: silent-skip when fewer than 3 sub-options
"Lisa was unhappy with her crowns made years ago on her front teeth that had worn and discolored over time. After consulting with Dr. Ressler, she understood that the shape of her new teeth would be designed on a computer and 3-D printed in a temporary form used to 'test-drive' her new smile."
— Lisa
- Rectangular portrait photo 240×320 (left) + DM Serif Display quote (right)
- Quote verbatim from testimonials[].quote — no editing, includes narrative case studies
- Renders only when testimonials.filter(associatedServiceId === thisService).length ≥ 1
- Attribution = first name as published, or first name + last initial
- Quote content (verbatim from scrape)
- Patient photo (uploaded, optional — silent-skip slot if absent)
- Number per service-detail page: typically 1, max 1 in v1
- Best for: service-detail pages on practices with named patient narratives
- Includes third-person case studies ("Lisa was unhappy...") — Phase C voice prompt extension
- Anti-fab: silent-skip when no testimonial tagged to this service
Make your treatment affordable with monthly payment plans.
We work with CareCredit and Cherry to offer financing that fits your budget. 0% interest options for qualified applicants.
From $99 / month
No-interest plans 3–24 months. Fast pre-approval, no impact on credit score.
See if you qualify →- Text col (560) + financing partner card (400) on paper bg
- Renders only on high-cost-perception services (implants, full-arch, smile makeover, ortho)
- Recipe-level positioning rule — not per-practice
- Anti-fab: silent-skip when no financing partner data in Brief
- Financing partner name (CareCredit, Cherry, Sunbit, etc.)
- Monthly payment estimate
- Body copy and CTA destination
- Best for: implants, smile makeover, full-arch, ortho service-detail pages
- Position: between solution-chooser and FAQ
- Smaller / more inline than M17 Financing Options on dedicated /financing/ page
Summer Invisalign Special — $1,000 off your treatment
Get $1,000 off a complete Invisalign treatment plan — open to both new and existing patients. Includes the consultation, all aligners, and follow-up visits through the end of treatment. Treatment must begin by August 31 to qualify.
Valid through August 31, 2026
- 4:3 horizontal image LEFT (656×480, 16px corner radius)
- Copy block RIGHT (560w): eyebrow + headline + body + valid-through + CTA pair
- Multi-emit: ARRAY of offer-cards stacks vertically on /special-offers/ page
- Body copy intentionally restates image content for AEO extraction
- Silent-skip when imageUrl null (image is editor-curated, NOT scrape-derived)
- Replaces / supersedes the rolled-back offer-text-only renderer (commit 62350ae)
- Offer art (uploaded by practice from Canva or design tool)
- Headline, body, valid-through date
- Number of offers (page silent-skips entirely from nav when zero offers have imageUrl)
- Best for: dedicated /special-offers/ page
- Linked from FINANCING via offers-teaser block (Phase F)
- Anti-fab: image-driven; absence of imageUrl = absence of offer
Across South Florida.
Boynton Beach
Delray Beach
Boca Raton
Wellington
Coral Springs
Parkland
Coconut Creek
Deerfield Beach
Stuart
Jupiter
Palm Beach Gardens
Patients regularly travel
from across the state
for specialty cases.
- 4-column grouped city grid with category headers
- Renders only when serviceAreaHints.length ≥ 3 + groupings have ≥1 city each
- Page-body usage on /about/ — distinct from M18 service-areas (footer-only, all pages)
- Cities verbatim from serviceAreaHints[] — practice voice, not invented
- City list (verbatim from scrape)
- Group headers (county, region, etc.) — practice or AI-derived from serviceAreaHints
- Number of groups (3–4 typical)
- Best for: about-page body content (page-body M34, not footer M18)
- SEO + AEO: schema-to-visible-text alignment for local search
- Intentional duplication with M18 footer: page-body weight matters more than footer-only