HTML & MJML

Sport Week Email Template

Built for running clubs, fitness brands, and wellness communities, the Sport Week email template delivers a vibrant, motivation-driven newsletter experience that keeps members engaged week after week. Featuring a clean, modern layout with sections for upcoming events, training tips, member spotlights, and community recaps, this responsive email template renders flawlessly across all devices. Use it to announce local runs, celebrate couch-to-5K milestones, share seasonal workout advice, or promote volunteer opportunities. Marketers, community managers, and fitness content teams will love its ready-to-send structure that balances energy with clarity, driving stronger event attendance and lasting member loyalty.

Edit In EmailBuilder.ai

About the Sport Week Email Template

Running clubs, fitness brands, and wellness communities need more than a generic newsletter — they need a weekly touchpoint that fuels motivation and drives real-world action. The Sport Week Email Template delivers exactly that: a structured, energy-forward layout built to showcase upcoming races, training milestones, and community highlights. Its rhythm mirrors the cadence of an active fitness community, making it the go-to format for keeping members excited, informed, and showing up week after week.

When to use this template

Send every Monday morning or Friday afternoon to bookend the training week. Ideal triggers include upcoming local race announcements, seasonal program launches like couch-to-5K, post-event recaps, or milestone celebration moments such as a member completing their first 10K.

A local running club announcing its Saturday morning group run routes
A gym chain recapping last week's fitness challenge results and winners
A wellness app promoting a new 8-week summer training program to subscribers
A triathlon community spotlighting a first-time finisher's race-day story
A fitness brand launching seasonal workout tips ahead of winter training
A nonprofit run club recruiting volunteers for an upcoming charity 5K event

Subject line ideas

Your week in sport starts now 🏃
3 days left to register for Saturday's run
How [Name] went from couch to 5K finish line
This week's training tips, events, and more

Best practices for engagement emails

Lead with a single bold motivational headline that names the week's central theme or event to anchor the entire newsletter.
Use the member spotlight section to feature a real name and specific achievement, not a generic testimonial, to drive community connection.
Place upcoming event details — date, distance, location — above the fold so readers act before scrolling past training content.
Match your call-to-action button copy to the action, using phrases like Register for Saturday's Run instead of Learn More.
Vary the energy across sections — keep event announcements punchy and tip sections conversational so the layout feels dynamic, not repetitive.

Template anatomy

How the Sport Week Email Template template is laid out, top to bottom:

section (1 column) containing spacer.
wrapper (21 columns) containing section, text block, social row, social link, spacer, image, button.
section (1 column) containing social row, social link.
section (1 column) containing text block.
section (1 column) containing spacer.

Components used

Built from the following MJML elements:

33 text blocks9 spacers8 social links5 images4 buttons2 social rows

Color palette

Colors used across the Sport Week Email Template template:

#030712

#efefef

#ffffff

#f3d5ab

#dab7ed

#bcdff4

#e1f5b3

#6b7280

Typography

Font stacks declared in the template:

'Work Sans','Lucida Grande',Verdana,sans-serif
'Work Sans',Verdana,sans-serif

MJML source code

A preview of the MJML markup for the Sport Week Email Template template. Open it free in EmailBuilder.ai to get the complete source and start customizing.

<mjml>
  <mj-head>
    <mj-title>Sport Week Email Template</mj-title>
    <mj-preview>
      New runners, heat-season tips, and a long run that ends in coffee.
    </mj-preview>
    <mj-font name="Space Grotesk" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;700&display=swap">
    </mj-font>
    <mj-font name="Work Sans" href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,600;1,400&display=swap">
    </mj-font>
    <mj-attributes>
      <mj-all font-family="'Work Sans','Lucida Grande',Verdana,sans-serif">
      </mj-all>
      <mj-text font-size="16px" color="#030712" line-height="1.5" font-weight="300">
      </mj-text>
      <mj-section padding="0">
      </mj-section>
    </mj-attributes>
    <mj-style>
      .sg { font-family:'Space Grotesk',Helvetica,Arial,sans-serif !important; color:#030712; } .eyebrow { font-family:'Space Grotesk',Helvetica,Arial,sans-serif !important; font-weight:300; font-size:14px; color:#030712; } a { color:#0C4A6E; }
    </mj-style>
  </mj-head>
  <mj-body background-color="#EFEFEF" width="670px">
    <!-- top gutter -->
    <mj-section padding="40px 0 0 0">
      <mj-column>
        <mj-spacer height="1px">
        </mj-spacer>
      </mj-column>
    </mj-section>
    <!-- WHITE CARD: header + social + content cards -->
    <mj-wrapper background-color="#FFFFFF" border-radius="20px 20px 0 0" padding="0 32px">
      <!-- HEADER -->
      <mj-section background-color="#FFFFFF" padding="35px 3px 10px 3px">
        <mj-column>
          <mj-text align="right" font-size="12px" color="#030712" padding="0">
            [[now | formatDate('MMM D, YYYY')]]
          </mj-text>
          <mj-text css-class="sg" align="left" font-size="32px" font-weight="700" line-height="38px" color="#030712" padding="15px 0 0 0">
            Your Stride week: new runners, heat-season tips &amp; a café finish
          </mj-text>
          <mj-text align="left" font-size="20px" font-weight="400" line-height="24px" color="#030712" padding="16px 0">
            Meetups on the calendar, smarter summer miles, and a milestone worth celebrating.
          </mj-text>
        </mj-column>
      </mj-section>
      <mj-section background-color="#FFFFFF" padding="0 3px 25px 3px">
        <mj-column>
          <mj-social mode="horizontal" align="right" icon-size="34px" inner-padding="6px" border-radius="20px" padding="0">
            <mj-social-element name="facebook" href="https://www.facebook.com/" alt="Share on Facebook" background-color="#FFFFFF">
            </mj-social-element>
            <mj-social-element name="twitter" href="https://twitter.com/" alt="Share on X" background-color="#FFFFFF">
            </mj-social-element>
            <mj-social-element name="linkedin" href="https://www.linkedin.com/" alt="Share on LinkedIn" background-color="#FFFFFF">
            </mj-social-element>
          </mj-social>
        </mj-column>
      </mj-section>
      <!-- CARD 1: roundup (peach) -->
      <mj-section background-color="#F3D5AB" border-radius="20px" padding="20px">
        <mj-column>
          <mj-text css-class="eyebrow" align="left" padding="0 15px">
            Weekly roundup
          </mj-text>
          <mj-text css-class="sg" align="left" font-size="28px" font-weight="700" line-height="1.3" padding="8px 15px 4px 15px">
            Hey runners — here's what's on this week
          </mj-text>
          <mj-text align="left" padding="8px 15px">
            Fresh faces, a few big miles, and plenty of reasons to lace up. Whether you're chasing a PR or easing back in, there's a spot for you on the start line.
          </mj-text>
        </mj-column>
      </mj-section>
      <mj-section padding="16px 0">
        <mj-column>
          <mj-spacer height="1px">
          </mj-spacer>
        </mj-column>
      </mj-section>
      <!-- CARD 2: events (purple) -->
      <mj-section background-color="#DAB7ED" border-radius="20px" padding="20px">
        <mj-column>
          <mj-text css-class="eyebrow" align="left" padding="0 15px">
            Upcoming events
          </mj-text>
          <mj-text css-class="sg" align="left" font-size="28px" font-weight="700" line-height="1.3" padding="8px 15px 4px 15px">
            Neighborhood runs &amp; meetups
          </mj-text>
          <mj-text align="left" padding="8px 15px 0 15px">
            Two ways to log miles together this week — both beginner-friendly, both better with company.
          </mj-text>
          <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67b0ae8f07f3ade2cec8e8dc.JPG" alt="Runners jogging along the waterfront" width="526px" border-radius="16px" padding="20px 15px">
          </mj-image>
          <mj-text align="left" padding="0 15px 6px 15px">
            <b style="font-weight:600;">
              Tuesday Tempo Run
            </b>
            <br>
              6:30 PM · Central Park North Gate · 5K newcomers through 10K+
            </mj-text>
            <mj-text align="left" padding="0 15px">
              <b style="font-weight:600;">
                Saturday Long Run + Coffee
              </b>
              <br>
                7:00 AM · Rosewood Trails · 8–10 km, finishing with a well-earned cup at BrewHaus Café ☕
              </mj-text>
            </mj-column>
          </mj-section>
          <mj-section padding="16px 0">
            <mj-column>
              <mj-spacer height="1px">
              </mj-spacer>
            </mj-column>
          </mj-section>
          <!-- CARD 3: spotlight (blue) -->
          <mj-section background-color="#BCDFF4" border-radius="20px" padding="20px 20px 0 20px">
            <mj-column>
              <mj-text align="left" padding="0 15px">
                Member spotlight
              </mj-text>
            </mj-column>
          </mj-section>
          <mj-section background-color="#BCDFF4" padding="0 20px 20px 20px">
            <mj-column width="50%" vertical-align="top">
              <mj-text css-class="sg" align="left" font-size="26px" font-weight="700" line-height="1.3" padding="10px 15px 10px 15px">
                Meet Kyle — couch to 10K
              </mj-text>
              <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67adf3515e6f70defe6f6349.png" alt="Portrait of member Kyle" width="263px" border-radius="16px" padding="0 15px">
              </mj-image>
            </mj-column>
            <mj-column width="50%" vertical-align="top">
              <mj-text align="left" padding="10px 15px 10px 15px">
                Kyle laced up with us just four months ago — and last weekend he crossed his very first 10K finish line. We asked how it felt:
              </mj-text>
              <mj-text align="left" font-size="15px" color="#030712" padding="0 15px">
                <span style="display:block;border-left:2px solid #030712;padding-left:12px;">
                  <i>
                    "I never imagined I'd love running this much. The encouragement and the show-up-every-week rhythm changed everything for me."
                  </i>
                </span>
              </mj-text>
              <mj-text css-class="eyebrow" align="left" padding="14px 15px 4px 15px">
                Know someone who deserves a shout-out?
              </mj-text>
              <mj-button href="#" align="left" background-color="#030712" color="#FFFFFF" border-radius="10px" font-family="'Work Sans',Verdana,sans-serif" font-size="14px" font-weight="400" inner-padding="12px 12px" padding="8px 15px">
                Submit your shout-out
              </mj-button>
            </mj-column>
          </mj-section>
          <mj-section padding="16px 0">
            <mj-column>
              <mj-spacer height="1px">
              </mj-spacer>
            </mj-column>
          </mj-section>
          <!-- CARD 4: training tips (green) -->
          <mj-section background-color="#E1F5B3" border-radius="20px" padding="20px">
            <mj-column>
              <mj-text css-class="eyebrow" align="left" padding="0 15px">
                Training tips
              </mj-text>

Want the full MJML?Open Sport Week Email Template free in the editor to copy the complete, production-ready source — and customize it with drag-and-drop.Get the full MJML — it's free