Charcoal & Voltage

Workout App UI Design Template

Forge is a strength-training app design with a charcoal-and-voltage look, built for founders and designers shipping a workout tracker.

Dieses Template nutzen

Workout app today home screen with push day split card and weekly volume chart

Workout app programs screen with training plan cards and progress bars

Workout app active session screen with weight stepper and set logging table

Screens erkunden

Sehen Sie das workout-Mobile-App-Design in der Vorschau, vollständig editierbar in Sleek.

Rest TimerScreen 4

Exercise DetailScreen 5

ProgressScreen 6

ProfileScreen 7

Über Workout App

Forge is a workout app UI design template built around a "Charcoal & Voltage" aesthetic: a near-black graphite base, slate panels separated by thin hairlines, bone-white text, and a single electric-lime accent reserved only for active sets, progress fills, and the primary action. The big numbers (reps, weight, the rest timer) are set in a heavy condensed grotesque, tracked tight, so the interface feels athletic and dense, like a dim gym at 6am with one bright bar overhead.

The template ships seven connected screens that form a complete training flow: a Today home with today's split and a weekly volume chart, a Programs list of training plans, an Active workout logger with a plate-weight stepper and set table, a full-screen Rest timer with a depleting lime ring, an Exercise detail with target muscles and execution cues, a Progress dashboard with PR cards and a volume trend, and a Profile with stats and a consistency grid. A signature vertical voltage meter climbs the left edge of the active workout and reappears as a mini meter on workout cards.

Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.

Enthaltene Screens

Today

A 'Ready, Marcus' greeting over a hero card for today's Push Day split with exercise list and a full-width "Start Session" button, plus a weekly volume bar chart and a streak counter.

Programs

A stacked list of training plans (Push/Pull/Legs, 5x5 Strength Base, Hypertrophy 4-Day) as slate panels with difficulty tags, schedule, and lime week-progress fills, plus a "Create Custom Program" option.

Active Workout

A live session showing the exercise name, a plate-weight stepper with quick-add increments, and a set table with previous lifts, weight, reps, and lime checkmarks to log each set.

Rest Timer

A full-screen 01:30 countdown set in a giant tracked-tight numeral with a lime ring depleting around it, an 'Up Next' set preview, and '+15S' and 'Skip' controls.

Exercise Detail

A barbell bench press hero image with a primary-exercise tag, target muscle chips, and numbered execution cues so lifters know exactly how to perform the movement.

Progress

Personal-record cards for squat, deadlift, bench, and press in oversized lime numerals, plus a 30-day volume trend line chart and a body-weight section.

Profile

An athlete header with total workouts, day streak, and total pounds lifted, a 12-week consistency grid, and settings for equipment and notifications.

Wichtige Features

Charcoal & Voltage aesthetic: graphite base, slate panels, one lime accent
Condensed grotesque for oversized reps, weight, and timer numerals
Signature vertical voltage meter that climbs as sets are logged
Plate-weight stepper with quick-add increments and a set table
Full-screen rest timer with a depleting lime ring
Bottom nav bar with monochrome line icons and a lime active underbar
Progress dashboard with PR cards and a volume trend chart
Consistency grid and streak tracking on the profile

Für wen es ist

Founders validating a workout tracker MVP

Product designers needing a strength-app starting point

Indie developers shipping a fitness or gym app

Fitness coaches launching a branded training app

Was Sie bauen können

Launch an MVP for a strength-training or workout tracker app
Mock up screens for an investor or stakeholder pitch
Hand a consistent, athletic dark-mode UI off to developers
Explore a redesign of an existing fitness app

So nutzen Sie dieses Template

1
Template öffnen
Stöbern Sie in den Screens und sehen Sie das komplette Design in der Vorschau, um zu prüfen, ob es zu Ihrer Idee passt.
2
Dieses Template nutzen
Öffnen Sie mit einem Klick Ihre eigene, vollständig editierbare Kopie in Sleek.
3
Mit KI bearbeiten
Palette umstylen, Layouts ändern und Screens hinzufügen oder entfernen – einfach indem Sie beschreiben, was Sie wollen.
4
Exportieren und launchen
Exportieren Sie Ihr Design oder geben Sie es an Entwickler weiter, und bauen Sie weiter Richtung Launch.

Ihre Fragen, unsere Antworten. Alles, was Sie vor dem Start wissen sollten.

How do I design my own workout app from this template?

Click "Use this template" to open Forge in Sleek as your own editable project, then shape it by describing the changes you want: restyle the palette, edit any screen, and add the flows your product needs. You start from seven complete screens instead of a blank canvas, so you reach a working workout app design far faster.

What screens are included in this workout app UI design?

Seven connected screens: Today, Programs, Active Workout, Rest Timer, Exercise Detail, Progress, and Profile. Together they cover the core flow of a real workout tracker, from picking a program to logging sets, resting, and tracking personal records.

Can I customize the workout app UI design?

Yes. Use the template in Sleek and edit any screen by chatting with the AI: swap the lime accent for your own color, change the set table or charts, and add or remove flows. There's no manual redraw; you describe the change and it's applied.

Is this workout app design template free to use?

You can open and explore the design for free, then use it in your own Sleek project to build on it. Editing and exporting follow Sleek's standard plans.

Can I export the design to code or Figma?

Yes. Sleek exports your design as code, copies straight into Figma with no plugin, or hands you a ready-made prompt that an AI agent like Claude Code or Cursor can use to build it into a real, working app.

Is this template suitable for a strength or weightlifting tracker?

Absolutely. The active workout logger, plate-weight stepper, rest timer, and PR cards map cleanly onto strength training, powerlifting, or hypertrophy programs. Adjust the exercises and program structure to fit your niche.

Ihre Frage ist nicht dabei? Schreiben Sie an support@sleek.design.