Power: Free Fitness Website Template for Adobe XD
3 min read
Power is a free fitness website template for Adobe XD, designed by the Inkyy team. It is one long homepage for a gym or fitness studio, set in bold red, white and black, with a photo-led hero, classes, trainers, pricing plans, testimonials and a contact footer.
Below you will find what each section looks like, what is inside the download, and how to open the file now that Adobe XD is no longer being developed.
What the template looks like
A strong red carries the page, used for buttons, short underlines and large curved shapes, with soft grey waves and dot patterns as decoration. Photos of athletes sit inside rounded blob masks, and all type is set in Poppins. The page runs from top to bottom like this:
- Header and hero: a red shield logo with the POWER wordmark, a menu (Home, About Us, Our Classes, Our Trainers, Our Pricing), a red Contact Us button, the headline “Build Your Body & Shape Yourself!”, a Join Today button and a photo of a woman resting with a water bottle.
- Our Story: an athlete in a sprint start position next to two paragraphs and three features with red outline icons: Open Door Policy, Fully Insured and Personal Trainer.
- Our Classes: All, Mens and Womens filters above a row of photo cards with red labels for the class name and times.
- Our Trainers: a grid that alternates trainer photos with name, role, a short bio and social icons.
- Our Pricing: an annual and monthly toggle above three plans (Basic, Professional and Standard), with dumbbell icons and the middle plan highlighted in red.
- Testimonials: three review cards with round portraits, star ratings and arrow controls.
- Footer: a red wave with the logo, a short text, social icons, an address and contact details.
What is in the download
- File: a 7z archive of about 6 MB that contains one file, Power XD Template.xd. You need a tool that opens .7z files, such as 7-Zip on Windows or The Unarchiver or Keka on a Mac.
- Artboard: a single desktop artboard, 1920 x 8817 px. There is no mobile or tablet version.
- Fonts: Poppins in Light, Medium, SemiBold and Bold, free on Google Fonts.
- Images: the athlete and trainer photos are embedded in the file. Treat them as sample images and swap in your client’s own photography.
- Content: body copy is placeholder text, all three plans show the same sample price, and the footer has a sample address, phone number and copyright line. Fix the “What People Says About Us?” heading while you are at it.
- Price: free.
Opening the file in Adobe XD or Figma
Adobe XD is in maintenance mode. Adobe still fixes bugs and security issues, but it is not adding new features. If you already have XD installed, unpack the archive and the file opens as normal.
If your team works in Figma, the Convertify plugin can import an .xd file into a new Figma page, including layers, text and images. Check the plugin page for its current pricing. Install Poppins first so the text comes across correctly. Another route is to export the artboard from XD as SVG and drag it into Figma, then rebuild the text styles and spacing by hand.
Who this fitness website template suits
Power fits a gym, a CrossFit box, a personal training studio or a bodybuilding coach. The classes, trainers and pricing sections answer the three questions most visitors have, so the page works as a solid first draft for a client pitch. To make it ready for a real site, add a timetable or booking link to the class cards, give each plan its real price and features, and design a mobile version, as most people will find the gym on their phone. Red is energetic but loud, so read about red in branding before you pair it with your client’s logo.
More free fitness and sport resources
Browse all our free Adobe XD kits, or try these related posts:
- Sport app UI kit for Adobe XD, for a matching mobile app
- Health app free XD kit, for wellness and tracking screens
- The 20 best CrossFit logos, for brand ideas to go with the site
- Green portfolio website template, another free XD file by Inkyy
Need a fitness website designed for a client?
Inkyy is a white label design and development team for agencies. Our in-house designers create gym, studio and business websites that you present under your own brand. See our design services or book a 15-minute call.
