Templates · Health & Fitness

Running club app template

Kerb: Run together. Climb the week. 6 screens designed by Tappy, ready to open as your own app and change with a sentence.

Free to open. No card needed.

Every screen

Shown exactly as Tappy designed them. Your copy starts from these.

Runs: Maya's home for her club, Canal Street RC. She sees her week at a glance, the next group runs she can RSVP to, and where she stands on the leaderboard. Shown on Wednesday 11 June. — RunsMaya's home for her club, Canal Street RC. She sees her week at a glance, the next group runs she can RSVP to, and where she stands on the leaderboard. Shown on Wednesday 11 June.

Group run detail: The detail for Thursday Tempo, where Maya checks the route, meeting point and who's coming, and changes her RSVP. Shown with Maya already marked Going. — Group run detailThe detail for Thursday Tempo, where Maya checks the route, meeting point and who's coming, and changes her RSVP. Shown with Maya already marked Going.

Plan a run: A modal creation flow where Maya plans a new group run for the club and posts it. Shown mid-fill with a route chosen. — Plan a runA modal creation flow where Maya plans a new group run for the club and posts it. Shown mid-fill with a route chosen.

Routes: The club's shared route library, where Maya browses and filters routes runners have shared, ready to use for a run. Shown with the 'All' filter. — RoutesThe club's shared route library, where Maya browses and filters routes runners have shared, ready to use for a run. Shown with the 'All' filter.

Route detail: Maya inspects the Canal Loop: its shape, elevation and splits, and the club's best times on it, then plans a run on it. — Route detailMaya inspects the Canal Loop: its shape, elevation and splits, and the club's best times on it, then plans a run on it.

Weekly leaderboard: The friends' weekly distance leaderboard, where Maya sees her rank, the gap to first place and how everyone is climbing. Shown on Wednesday with 4 days left. — Weekly leaderboardThe friends' weekly distance leaderboard, where Maya sees her rank, the gap to first place and how everyone is climbing. Shown on Wednesday with 4 days left.

The look

Background

#F5F5F2

Surface

#FFFFFF

Text

#141614

Muted

#5F635E

Main

#0B6E4F

Accent

#D9F24A

Barlow Condensed for headings, Barlow for text, in light mode.

The brief it came from

“A running club app to plan group runs, RSVP, share routes, and climb a weekly distance leaderboard with friends. Draw every image with shapes and icons: no photos, and initials instead of faces.”

Tappy planned and designed Kerb from that one brief, at the Studio level with design review on. The art direction it set itself, in short:

Kerb feels like street signage for a neighbourhood running club: crisp, confident and a little gritty, built for 25–40-year-old social runners who meet on weeknights by the canal. The hero material is the route and the kilometre: hand-drawn SVG route lines on a quiet grid of street hairlines run edge to edge, and big condensed distance numbers carry each screen.

Make it yours

Change words and photos

Double-click any text or photo on a screen to change it. It's free and takes no AI.

Restyle it

Swap colours and fonts in the Style panel, and every screen updates at once. Also free.

Ask for changes

Describe what you want in a sentence, for one screen or all of them, or add screens. This uses credits.

Take it further

Tap through it as a prototype, share a link for comments, or export to Figma, React Native or App Store images.

Questions

Is it free?

Yes. Opening a template takes a free account, and your copy costs nothing. Editing text, photos, colours and fonts is free too. Asking Tappy to redesign or add screens uses credits, like any app you make.

Is my copy mine to change?

Yes. It's saved in your apps like anything you design, and changing it never changes the Kerb template.

What's in it?

6 screens: Runs, Group run detail, Plan a run, Routes, Route detail, Weekly leaderboard. They share one style, and the tab bar and buttons link the screens so you can tap through them.

Can I start from my own idea instead?

Yes. Describe your app in a sentence and Tappy designs it from scratch in its own style. You can also start from this template's brief and get a new design.