Rehab Essentials — Master Style Guide & Block Library

Brand Colors & Fonts

Color Palette

Use these CSS variable names in any custom styles: var(--re-dark-blue) etc.

Dark Blue

#154B75

Light Blue

#4698CB

Cyan / Accent

#0FFCBE

Teal Soft

#C1E0EA

Gray Light

#E0E3E2

Body Text

#363A42

Muted Text

#6B7280

Typography: Roboto

Body text and all headings. Loaded via Google Fonts.

Light 300 — Long-form body copy and subheadlines

Regular 400 — Standard body paragraph text

SemiBold 600 — H4 and labels

Bold 700 — H1, H2, H3 headings and CTAs

Typography & Formatting

These styles apply automatically when your content is inside a <div class="re-content"> wrapper. In WordPress, the theme wraps post content automatically — you don't need to add this manually to each post.

H2 — Section Heading

Dark blue, bold, cyan underline accent. Use for major article sections.

Understanding ACL Rehabilitation Timelines

<h2>Understanding ACL Rehabilitation Timelines</h2>

Gutenberg: Use the Heading block (H2). Styled automatically by the CSS.

H3 — Sub-section Heading

Slightly smaller, no border. Use within H2 sections.

Phase 2: Strengthening & Proprioception

<h3>Phase 2: Strengthening & Proprioception</h3>

Gutenberg: Use the Heading block (H3).

H4 — Minor Heading

Smaller label-style heading. Use for subsections within H3s.

Key Exercises for This Phase

<h4>Key Exercises for This Phase</h4>

Gutenberg: Use the Heading block (H4).

Body Paragraph

16px, 1.8 line-height. Inline bold, italic, and link styles shown.

Returning to sport after an ACL reconstruction requires careful progression through each phase of rehabilitation. Rushing the process significantly increases reinjury risk — studies show that athletes who return before 9 months have a markedly higher re-tear rate. Work closely with your physical therapist to set realistic milestones.

Section Divider

Horizontal rule for separating content visually. Standard (gray) or cyan accent variant.

— Content above —

— Content below —

— Cyan variant below the standard divider —

<!-- Standard gray divider -->
<hr>

<!-- Cyan accent divider -->
<div class="re-divider re-divider--cyan"></div>

Gutenberg: Use the Separator block for the standard HR. For the cyan variant, use Custom HTML → paste above → Preview.

Callout Boxes

Info Box

Blue — background context, supplemental information, or important notes.

Note

The timeline above assumes a standard patellar tendon graft. Recovery milestones may differ for hamstring grafts or allografts — always follow your surgeon's protocol.

<div class="re-callout re-callout--info">
  <span class="re-callout-title">Note</span>
  <p>Your info text here.</p>
</div>

Gutenberg: Add Block → Custom HTML → paste above → replace text → Preview

Tip Box

Cyan/teal — actionable advice, best practices, quick wins.

Tip

Ice the knee for 15–20 minutes immediately after each PT session to manage swelling. Use a cloth barrier — never apply ice directly to skin.

<div class="re-callout re-callout--tip">
  <span class="re-callout-title">Tip</span>
  <p>Your tip text here.</p>
</div>

Gutenberg: Add Block → Custom HTML → paste above → replace text → Preview

Warning / Caution Box

Amber — precautions, warnings, or things to watch out for.

Caution

Stop any exercise immediately if you experience sharp joint pain, significant swelling, or a sensation of giving way. Contact your physical therapist or physician before resuming.

<div class="re-callout re-callout--note">
  <span class="re-callout-title">Caution</span>
  <p>Your warning text here.</p>
</div>

Gutenberg: Add Block → Custom HTML → paste above → replace text → Preview

Definition Box

Dark blue inverted — define a key term at the start of an article.

What is ACL Reconstruction?

ACL reconstruction is a surgical procedure that replaces a torn anterior cruciate ligament with a graft — typically taken from the patient's own patellar tendon, hamstring, or a donor tissue — to restore knee stability.

<div class="re-callout re-callout--definition">
  <span class="re-callout-title">What is [Key Term]?</span>
  <p>Your definition here.</p>
</div>

Gutenberg: Add Block → Custom HTML → paste above → replace text → Preview

Quotes

Blockquote

Left-border accent. Use for expert quotes or key cited statements.

"The goal of rehabilitation is not to return an athlete to sport as quickly as possible, but to return them as safely as possible — with the strength and neuromuscular control to compete without fear of reinjury."
— Dr. Sarah Chen, DPT, Sports Rehabilitation Specialist

<blockquote>
  <p>"Your quote text here."</p>
  <cite>— Name, Title</cite>
</blockquote>

Gutenberg: Use the Quote block. The CSS styles it automatically.

Pull Quote

Centered, large, italic — to emphasize a core insight mid-article. 15–25 words ideal.

"Strength alone is not enough — patients need neuromuscular control before they are truly ready to return to sport."

<blockquote class="re-pull-quote">
  "Your pull quote text here — 15–25 words ideal."
</blockquote>

Gutenberg: Add Block → Custom HTML → paste above → replace text → Preview

Table of Contents

Use for articles over 800 words. Links jump to section anchors (id="section-1" etc.).

In this article:

<div class="re-toc">
  <span class="re-toc-title">In this article:</span>
  <ol>
    <li><a href="#section-1">Section One Heading</a></li>
    <li><a href="#section-2">Section Two Heading</a></li>
    <li><a href="#section-3">Section Three Heading</a></li>
    <li><a href="#section-4">Frequently Asked Questions</a></li>
  </ol>
</div>

Gutenberg: Add Block → Custom HTML → paste above → update href anchors to match your H2 IDs → Preview

Lists

Bullet List

Cyan dot markers. Use for non-sequential items.

Reduced swelling and full range of motion restored
Quadriceps strength at least 80% of the uninjured side
Single-leg hop tests within 10% symmetry
Successful completion of sport-specific drills

<ul>
  <li>List item one</li>
  <li>List item two</li>
  <li>List item three</li>
</ul>

Gutenberg: Use the List block. CSS handles markers automatically.

Numbered List

Dark blue circle numbers. Use for steps, rankings, or sequences.

Schedule an initial evaluation with your physical therapist within 2 weeks of surgery
Begin passive range-of-motion exercises in the first 1–2 weeks
Progress to weight-bearing and strengthening at weeks 4–6
Introduce sport-specific training at months 4–6

<ol>
  <li>First step or item</li>
  <li>Second step or item</li>
  <li>Third step or item</li>
</ol>

Gutenberg: Use the List block (ordered). CSS handles numbering automatically.

Checklist

Cyan checkmarks. Use for readiness criteria, gear lists, or action items.

Pain level below 2/10 with daily activities
Full passive extension equal to the uninjured side
Flexion at least 120 degrees
No significant effusion (swelling) present
Cleared by surgeon and physical therapist

<ul class="re-checklist">
  <li>Checklist item one</li>
  <li>Checklist item two</li>
  <li>Checklist item three</li>
</ul>

Gutenberg: Add Block → Custom HTML → paste above → replace items → Preview

Numbered Steps (Process List)

Large numbered circles with title and description. Ideal for how-to procedures.

1

Initial Evaluation

Your PT assesses range of motion, strength deficits, and functional limitations to build a personalized treatment plan.
2

Progressive Strengthening

Exercises are gradually increased in intensity as the graft heals and neuromuscular control improves.
3

Return-to-Sport Testing

Functional tests confirm the athlete meets all objective criteria before full clearance is granted.

<ul class="re-steps">
  <li>
    <div class="re-step-number">1</div>
    <div class="re-step-content">
      <h4>Step Title</h4>
      <p>Step description here.</p>
    </div>
  </li>
  <li>
    <div class="re-step-number">2</div>
    <div class="re-step-content">
      <h4>Step Title</h4>
      <p>Step description here.</p>
    </div>
  </li>
</ul>

Gutenberg: Add Block → Custom HTML → paste above → update step numbers, titles, and descriptions → Preview

Tables

Data Table

Dark blue header, alternating rows, hover highlight. Wrap in re-table-wrap for mobile scroll.

Phase	Timeframe	Primary Goal	Key Exercises
Phase 1	Weeks 1–2	Reduce swelling, restore ROM	Heel slides, quad sets, ankle pumps
Phase 2	Weeks 3–6	Weight-bearing, strength	Mini squats, leg press, step-ups
Phase 3	Months 3–6	Functional movement	Lunges, lateral shuffles, balance
Phase 4	Months 6–9+	Return to sport	Cutting, jumping, sport drills

<div class="re-table-wrap">
  <table>
    <thead>
      <tr>
        <th>Column 1</th><th>Column 2</th><th>Column 3</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong>Row Label</strong></td>
        <td>Value</td><td>Value</td>
      </tr>
    </tbody>
  </table>
</div>

Gutenberg: Use the Table block for simple tables, or Custom HTML for full control with the wrapper class.

Buttons

Button Variants

All button styles. Add re-btn--lg for large, re-btn--full for full-width.

Primary Button Secondary Button Accent Button Outline Button Download PDF

Large Primary Large Outline

<!-- Primary -->
<a href="[URL]" class="re-btn re-btn--primary">Button Text</a>

<!-- Secondary -->
<a href="[URL]" class="re-btn re-btn--secondary">Button Text</a>

<!-- Accent (cyan) -->
<a href="[URL]" class="re-btn re-btn--accent">Button Text</a>

<!-- Outline -->
<a href="[URL]" class="re-btn re-btn--outline">Button Text</a>

<!-- Download (adds ↓ arrow) -->
<a href="[URL]" class="re-btn re-btn--primary re-btn--download">Download PDF</a>

<!-- Large modifier -->
<a href="[URL]" class="re-btn re-btn--primary re-btn--lg">Large Button</a>

Gutenberg: Use the Button block for standard CTAs, or Custom HTML for download buttons with the arrow icon.

Stats & Data Highlights

Single Stat Callout

Large data point with supporting label. Use to highlight a key research finding.

78% of patients who complete a structured PT program return to their pre-injury sport level

<div class="re-callout re-callout--stat">
  <span class="re-stat-number">78%</span>
  <span class="re-stat-label">Supporting label or source context</span>
</div>

Gutenberg: Add Block → Custom HTML → paste above → replace number and label → Preview

3-Column Stat Grid

Three stats side by side. Collapses to single column on mobile.

9–12 months average full recovery time

200K+ ACL injuries occur in the US each year

3× higher risk of re-tear without structured rehab

<div class="re-grid-3">
  <div class="re-callout re-callout--stat" style="margin:0;">
    <span class="re-stat-number">9–12</span>
    <span class="re-stat-label">months average recovery</span>
  </div>
  <div class="re-callout re-callout--stat" style="margin:0;">
    <span class="re-stat-number">200K+</span>
    <span class="re-stat-label">US injuries per year</span>
  </div>
  <div class="re-callout re-callout--stat" style="margin:0;">
    <span class="re-stat-number">3×</span>
    <span class="re-stat-label">higher re-tear risk</span>
  </div>
</div>

Gutenberg: Add Block → Custom HTML → paste above → update all three stats → Preview

CTA Boxes

CTA Box — Light (End of Article)

White background, centered. Place at the end of every article.

Ready to Start Your Recovery?

Our ACL rehabilitation specialists can build a personalized plan to get you back on the field safely and confidently.

Book a Free Consultation View Our Programs

<div class="re-cta-box">
  <h3>Ready to [Action]?</h3>
  <p>Supporting sentence connecting article topic to next step.</p>
  <a href="[URL]" class="re-btn re-btn--primary re-btn--lg">Primary CTA</a>
  &nbsp;&nbsp;
  <a href="[URL]" class="re-btn re-btn--outline re-btn--lg">Secondary CTA</a>
</div>

Gutenberg: Add Block → Custom HTML → paste above → update heading, copy, and URLs → Preview

CTA Box — Single Button

One clear action. Use when there's no secondary option (e.g., schedule a call, join a program).

Ready to Build Your Recovery Plan?

Our physical therapists specialize in ACL rehabilitation. Schedule a free 15-minute consultation to get started.

Schedule a Free Consultation

<div class="re-cta-box">
  <h3>[CTA Heading]</h3>
  <p>Supporting sentence — one clear reason to act.</p>
  <a href="[URL]" class="re-btn re-btn--primary re-btn--lg">[Button Text]</a>
</div>

Gutenberg: Add Block → Custom HTML → paste above → update heading, copy, and URL → Preview

CTA Box — Dark

Dark blue background. Use mid-article for promotional emphasis.

Download Our Free ACL Recovery Guide

A week-by-week PDF walkthrough of every rehabilitation phase, written by our clinical team.

Download Free Guide

<div class="re-cta-box re-cta-box--dark">
  <h3>CTA Heading</h3>
  <p>Supporting sentence.</p>
  <a href="[URL]" class="re-btn re-btn--accent re-btn--lg re-btn--download">Download Free Guide</a>
</div>

Gutenberg: Add Block → Custom HTML → paste above → update heading, copy, and URL → Preview

Cards & Grids

2-Column Card Grid

Feature comparison, side-by-side benefits, or paired content. Collapses to 1-col on mobile.

Patellar Tendon Graft

Higher initial stiffness, preferred for athletes. Slightly longer harvest-site recovery.

Hamstring Tendon Graft

Less harvest-site pain, good for patients with anterior knee sensitivity. Slightly longer graft maturation.

<div class="re-grid-2">
  <div class="re-card">
    <h4>Card Title</h4>
    <p>Card description text.</p>
  </div>
  <div class="re-card">
    <h4>Card Title</h4>
    <p>Card description text.</p>
  </div>
</div>

Gutenberg: Add Block → Custom HTML → paste above → update cards → Preview

3-Column Card Grid

Feature trios, service highlights, or 3-option comparisons.

Early Phase

Focus on reducing pain and swelling, restoring passive range of motion.

Strengthening Phase

Progressive loading, quad and hamstring strengthening, single-leg stability.

Return to Sport

Sport-specific training, cutting, jumping, and functional testing battery.

<div class="re-grid-3">
  <div class="re-card">
    <h4>Card Title</h4>
    <p>Card description.</p>
  </div>
  <div class="re-card">
    <h4>Card Title</h4>
    <p>Card description.</p>
  </div>
  <div class="re-card">
    <h4>Card Title</h4>
    <p>Card description.</p>
  </div>
</div>

Gutenberg: Add Block → Custom HTML → paste above → update cards → Preview

Author Bio

Author Bio Box

Place at the bottom of every article. Supports E-E-A-T for SEO — always include credentials.

Jen Gamboa, PT, DPT, OCS

Health, Policy, and Society

Jen is a board-certified orthopedic clinical specialist with extensive experience at the intersection of physical therapy, health policy, and patient advocacy. She is passionate about helping patients navigate their recovery with evidence-based care.

<div class="re-author-box">
  <img
    src="[HEADSHOT URL]"
    alt="Author headshot"
    class="re-author-avatar"
  >
  <div>
    <p class="re-author-name">[Full Name], [Credentials]</p>
    <p class="re-author-title">[Title], Rehab Essentials</p>
    <p class="re-author-bio">[1–2 sentence bio with credentials and connection to topic.]</p>
  </div>
</div>

Gutenberg: Add Block → Custom HTML → paste above → update name, credentials, title, bio, and headshot URL → Preview

Download & Document Blocks

Download Card

Dark blue gradient card for PDFs, guides, or whitepapers. Use as the primary download CTA.

Free Download — PDF Guide

The Complete ACL Recovery Roadmap

A week-by-week guide through all four phases of rehabilitation, including exercise progressions and return-to-sport criteria. Written by our clinical team.

Download Free (PDF, 2.4 MB)

<div class="re-download-card">
  <span class="re-download-card-label">Free Download — PDF Guide</span>
  <h3>[Guide Title]</h3>
  <p>[1–2 sentence description of what's inside.]</p>
  <a href="[PDF URL]" class="re-btn re-btn--accent re-btn--download">Download Free (PDF, X MB)</a>
</div>

Gutenberg: Add Block → Custom HTML → paste above → update title, description, and PDF URL → Preview

Inline Document Preview Link

Compact file card for linking to a PDF inline within article content.

PDF

ACL Recovery Roadmap — Clinical Summary PDF · 2.4 MB · 18 pages

<a href="[PDF URL]" class="re-doc-preview">
  <div class="re-doc-icon">PDF</div>
  <div>
    <span class="re-doc-info-title">[Document Title]</span>
    <span class="re-doc-info-meta">PDF · X MB · X pages</span>
  </div>
</a>

Gutenberg: Add Block → Custom HTML → paste above → update title, URL, and file details → Preview

FAQ Section

FAQ Block

Include in every article. Targets People Also Ask queries and improves E-E-A-T SEO signals.

How long does ACL reconstruction recovery take?

Most patients return to sport between 9 and 12 months after surgery. The timeline depends on the graft type, rehabilitation adherence, and achieving specific functional milestones — not just elapsed time.

Can I return to sport before 9 months?

Some patients clear criteria earlier, but research shows returning before 9 months significantly increases re-tear risk. Your surgeon and physical therapist will use objective testing — not calendar dates — to determine readiness.

What happens if I skip physical therapy after ACL surgery?

Skipping PT dramatically increases complication risk including stiffness, muscle atrophy, re-tear, and long-term instability. Structured rehabilitation is the most evidence-based predictor of a successful outcome.

<!-- FAQ VISIBLE BLOCK — update questions and answers in BOTH sections below -->
<div class="re-faq">
  <div class="re-faq-item">
    <p class="re-faq-question">[FAQ Question 1?]</p>
    <p class="re-faq-answer">[Answer 1 — 2 to 4 sentences.]</p>
  </div>
  <div class="re-faq-item">
    <p class="re-faq-question">[FAQ Question 2?]</p>
    <p class="re-faq-answer">[Answer 2.]</p>
  </div>
  <div class="re-faq-item">
    <p class="re-faq-question">[FAQ Question 3?]</p>
    <p class="re-faq-answer">[Answer 3.]</p>
  </div>
  <div class="re-faq-item">
    <p class="re-faq-question">[FAQ Question 4?]</p>
    <p class="re-faq-answer">[Answer 4.]</p>
  </div>
</div>

<!-- FAQPage SCHEMA — mirrors the questions above for Google rich results -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "[FAQ Question 1?]",
      "acceptedAnswer": { "@type": "Answer", "text": "[Answer 1 — plain text, no HTML]" }
    },
    {
      "@type": "Question",
      "name": "[FAQ Question 2?]",
      "acceptedAnswer": { "@type": "Answer", "text": "[Answer 2]" }
    },
    {
      "@type": "Question",
      "name": "[FAQ Question 3?]",
      "acceptedAnswer": { "@type": "Answer", "text": "[Answer 3]" }
    },
    {
      "@type": "Question",
      "name": "[FAQ Question 4?]",
      "acceptedAnswer": { "@type": "Answer", "text": "[Answer 4]" }
    }
  ]
}
</script>

Gutenberg: Add Block → Custom HTML → paste above → fill in questions and answers in both the HTML section and the JSON-LD section → Preview. Validate schema at search.google.com/test/rich-results.

Video Embed

Responsive Video Embed

16:9 ratio. Works with YouTube, Vimeo, or any iframe. Replace the src URL.

ACL Rehabilitation Phase-by-Phase Overview — Dr. Sarah Chen, PT, DPT

<!-- YouTube -->
<div class="re-video-embed">
  <iframe
    src="https://www.youtube.com/embed/[VIDEO_ID]"
    title="[Video Title]"
    allowfullscreen
  ></iframe>
</div>
<p class="re-video-caption">[Optional caption]</p>

<!-- Vimeo -->
<div class="re-video-embed">
  <iframe
    src="https://player.vimeo.com/video/[VIDEO_ID]"
    title="[Video Title]"
    allowfullscreen
  ></iframe>
</div>

Gutenberg: Use the YouTube or Video block for simple embeds. Use Custom HTML for the styled wrapper with caption.

Speaker Cards

Speaker / Expert Card

Use on webinar, event, and podcast pages to introduce presenters or contributors.

Dr. Sarah Chen, PT, DPT, OCS Director of Sports Rehabilitation, Rehab Essentials

Dr. Chen specializes in post-surgical orthopedic rehabilitation with a focus on return-to-sport outcomes. She has treated hundreds of ACL reconstruction patients at the collegiate and professional levels.

Dr. Marcus Webb, MD, FAAOS Orthopedic Surgeon, Sports Medicine Fellow

Dr. Webb is a board-certified orthopedic surgeon with fellowship training in sports medicine. He performs over 150 ACL reconstructions annually and co-chairs the clinical protocol committee at Rehab Essentials.

<div class="re-speaker-card">
  <img
    src="[HEADSHOT URL]"
    alt="[Name] headshot"
    class="re-speaker-avatar"
  >
  <div>
    <span class="re-speaker-name">[Full Name], [Credentials]</span>
    <span class="re-speaker-title">[Title, Organization]</span>
    <p class="re-speaker-bio">[2–3 sentence bio.]</p>
  </div>
</div>

Gutenberg: Add Block → Custom HTML → paste above → update headshot URL, name, title, and bio → Preview

Agenda / Schedule

Event / Webinar Agenda

Timeline-style schedule for events, webinars, or multi-session programs.

10:00 AM Welcome & Introduction
Overview of the webinar objectives and speaker introductions.
10:15 AM The Biology of ACL Healing
Understanding graft maturation timelines and what the research says about return-to-sport criteria.
10:45 AM Live Q&A
Audience questions answered by the clinical panel.
11:00 AM Closing & Resources
Free downloadable guide and next session preview.

<ul class="re-agenda">
  <li>
    <span class="re-agenda-time">10:00 AM</span>
    <span class="re-agenda-title">Session Title</span>
    <p class="re-agenda-desc">Brief description.</p>
  </li>
  <li>
    <span class="re-agenda-time">10:45 AM</span>
    <span class="re-agenda-title">Session Title</span>
    <p class="re-agenda-desc">Brief description.</p>
  </li>
</ul>

Gutenberg: Add Block → Custom HTML → paste above → update times, titles, and descriptions → Preview

Event Details Grid

Compact grid for date, time, location, and format. Use at the top of event posts.

Date April 18, 2026

Time 9:00 AM – 4:00 PM CT

Location Chicago Marriott Downtown

Format In-Person + Livestream

CEU Credits 0.6 CEUs Available

Seats Remaining 12 of 80

<div class="re-event-details">
  <div class="re-event-detail-item">
    <!-- EVENT DETAILS GRID — update all fields here AND in the schema below -->
    <span class="re-event-detail-label">Date</span>
    <span class="re-event-detail-value">[Month Day, Year]</span>
  </div>
  <div class="re-event-detail-item">
    <span class="re-event-detail-label">Time</span>
    <span class="re-event-detail-value">[X:00 AM/PM CT]</span>
  </div>
  <div class="re-event-detail-item">
    <span class="re-event-detail-label">Location</span>
    <span class="re-event-detail-value">[Venue Name or Online]</span>
  </div>
  <div class="re-event-detail-item">
    <span class="re-event-detail-label">Format</span>
    <span class="re-event-detail-value">[In-Person / Virtual / Hybrid]</span>
  </div>
</div>

<!-- EVENT SCHEMA — mirrors the details above for Google event rich results -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Event",
  "name": "[Event Name]",
  "description": "[1–2 sentence description]",
  "startDate": "[YYYY-MM-DDTHH:MM:00-06:00]",
  "endDate": "[YYYY-MM-DDTHH:MM:00-06:00]",
  "eventStatus": "https://schema.org/EventScheduled",
  "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
  "location": {
    "@type": "Place",
    "name": "[Venue Name]",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "[Street Address]",
      "addressLocality": "[City]",
      "addressRegion": "[State]",
      "postalCode": "[ZIP]",
      "addressCountry": "US"
    }
  },
  "organizer": {
    "@type": "Organization",
    "name": "Rehab Essentials",
    "url": "https://rehabessentials.com"
  },
  "offers": {
    "@type": "Offer",
    "price": "[0 or ticket price]",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock",
    "url": "[REGISTRATION URL]",
    "validFrom": "[YYYY-MM-DD]"
  },
  "image": "[FEATURED IMAGE URL — 1200x630]"
}
</script>
<!-- For virtual events: set eventAttendanceMode to OnlineEventAttendanceMode
     and replace location with: "location": { "@type": "VirtualLocation", "url": "[EVENT URL]" } -->

Gutenberg: Add Block → Custom HTML → paste above → fill in event details in both the HTML and the JSON-LD → use ISO 8601 for dates (e.g. 2026-04-18T09:00:00-05:00) → Preview. Validate at search.google.com/test/rich-results.

Event Registration CTA

Dark blue gradient registration box. Place below the event details grid.

Register for This Event

Seats are limited. Early-bird pricing ends March 31.

Register Now — $149 Learn More

<div class="re-event-register">
  <h3>Register for This Event</h3>
  <p>Supporting sentence — urgency, pricing, deadline.</p>
  <a href="[URL]" class="re-btn re-btn--accent re-btn--lg">Register Now</a>
  &nbsp;&nbsp;
  <a href="[URL]" class="re-btn re-btn--outline re-btn--lg" style="border-color:#fff;color:#fff!important;">Learn More</a>
</div>

Gutenberg: Add Block → Custom HTML → paste above → update heading, copy, and URLs → Preview

Webinar Block

Webinar Header with Details Grid

Dark blue branded header block for webinar posts. Includes 6-cell detail grid inside.

Upcoming Webinar

ACL Return-to-Sport: What the Latest Research Tells Us

A 60-minute live session for physical therapists and sports medicine clinicians. Includes live Q&A and free downloadable resource.

Date April 22, 2026

Time 1:00 PM CT

Duration 60 Minutes

Format Live Online

CEUs 0.1 CEU

Cost Free

<div class="re-webinar-header">
  <!-- WEBINAR HEADER — update all fields here AND in the schema below -->
  <span class="re-webinar-header-label">Upcoming Webinar</span>
  <h2>[Webinar Title]</h2>
  <p style="color:#c8dff0;margin-bottom:0;">[1–2 sentence description.]</p>
  <div class="re-webinar-details">
    <div class="re-webinar-detail-item">
      <span class="re-webinar-detail-label">Date</span>
      <span class="re-webinar-detail-value">[Month Day, Year]</span>
    </div>
    <div class="re-webinar-detail-item">
      <span class="re-webinar-detail-label">Time</span>
      <span class="re-webinar-detail-value">[X:00 PM CT]</span>
    </div>
    <div class="re-webinar-detail-item">
      <span class="re-webinar-detail-label">Duration</span>
      <span class="re-webinar-detail-value">[X Minutes]</span>
    </div>
    <div class="re-webinar-detail-item">
      <span class="re-webinar-detail-label">CEUs</span>
      <span class="re-webinar-detail-value">[X CEUs / Free]</span>
    </div>
  </div>
</div>

<!-- WEBINAR SCHEMA — mirrors the details above for Google event rich results -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Event",
  "name": "[Webinar Title]",
  "description": "[1–2 sentence description]",
  "startDate": "[YYYY-MM-DDTHH:MM:00-06:00]",
  "endDate": "[YYYY-MM-DDTHH:MM:00-06:00]",
  "eventStatus": "https://schema.org/EventScheduled",
  "eventAttendanceMode": "https://schema.org/OnlineEventAttendanceMode",
  "location": {
    "@type": "VirtualLocation",
    "url": "[THIS PAGE URL]"
  },
  "organizer": {
    "@type": "Organization",
    "name": "Rehab Essentials",
    "url": "https://rehabessentials.com"
  },
  "offers": {
    "@type": "Offer",
    "price": "0",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock",
    "url": "[REGISTRATION URL]",
    "validFrom": "[YYYY-MM-DD]"
  },
  "image": "[FEATURED IMAGE URL — 1200x630]"
}
</script>

Gutenberg: Add Block → Custom HTML → paste above → fill in the webinar details in both the HTML and the JSON-LD → use ISO 8601 for dates (e.g. 2026-04-22T13:00:00-05:00) → Preview. Validate at search.google.com/test/rich-results.

Webinar Registration Box

Standalone registration CTA. Place below the webinar header and speaker bios.

Reserve Your Spot — It's Free

Registration closes April 20. Registered attendees receive the recording and course materials within 48 hours.

Register for Free

<div class="re-webinar-register">
  <h3>[Registration Heading]</h3>
  <p>[Supporting sentence — deadline, what's included, cost.]</p>
  <a href="[REGISTRATION URL]" class="re-btn re-btn--primary re-btn--lg">Register Now</a>
</div>

Gutenberg: Add Block → Custom HTML → paste above → update heading, copy, and registration URL → Preview

News & Press Release Elements

News Label + For Immediate Release Bar

Standard press release header elements. Place at the very top of news post content.

📰 Press Release

For Immediate Release — March 16, 2026

CHICAGO, IL — Rehab Essentials today announced the launch of its new ACL rehabilitation protocol, developed in partnership with leading orthopedic surgeons and physical therapists across the Midwest.

<span class="re-news-label">📰 Press Release</span>
<div class="re-news-for-release">For Immediate Release — [Month Day, Year]</div>
<p><strong>[CITY, STATE]</strong> — [Opening paragraph body text.]</p>

Gutenberg: Add Block → Custom HTML → paste above → update date and opening paragraph → Preview

Media Contact Block

Gray contact box. Place at the bottom of every press release.

Media Contact Jordan Rivera
Communications Manager, Rehab Essentials
press@rehabessentials.com
(312) 555-0192

<div class="re-news-contact">
  <span class="re-news-contact-title">Media Contact</span>
  <strong>[Contact Name]</strong><br>
  [Title, Rehab Essentials]<br>
  <a href="mailto:[email]">[email]</a><br>
  [Phone Number]
</div>

Gutenberg: Add Block → Custom HTML → paste above → update contact details → Preview

Rehab Essentials Style Guide

Understanding ACL Rehabilitation Timelines

Phase 2: Strengthening & Proprioception

Key Exercises for This Phase

Initial Evaluation

Progressive Strengthening

Return-to-Sport Testing

Ready to Start Your Recovery?

Ready to Build Your Recovery Plan?

Download Our Free ACL Recovery Guide

Patellar Tendon Graft

Hamstring Tendon Graft

Early Phase

Strengthening Phase

Return to Sport

The Complete ACL Recovery Roadmap

Register for This Event

ACL Return-to-Sport: What the Latest Research Tells Us

Reserve Your Spot — It's Free