Ironbound Strength Co. — Bold Fitness Home Page for Divi 5

Full Landing Fitness Bold

A bold, high-impact Divi 5 homepage layout for a strength gym. Features hero headline, program cards, stats section, testimonials, and a free-trial CTA. Yellow and dark palette with Unbounded display type.

Rate this element

Be the first to rate

Download this section, free

Divi 5 JSON, imports in seconds
Commercial license included
No account needed

Part of a theme pack

This page ships inside Ironbound: Strength & Conditioning Gym Theme (6 Pages), 6 coherent pages that share one brand.

$12.00one-time, commercial license

See everything in the pack

Click to view the full page

Overview

Ironbound Strength Co. opens with a single-column hero on a hard #ffd60a yellow field. The headline "Get strong. Stay strong." is set in Unbounded at 104px desktop, line-height tightened to 0.98em so the letterforms nearly touch, inside a white Group module with 32px rounded corners and a 3px #0c0c14 border. That card treatment is the structural motif of the whole page: white panels with thick black outlines give every content block a poster-weight presence without relying on hero photography. Section padding scales from 80px on desktop to 36px on phone, so the yellow field reads as generous at every breakpoint without requiring a single override class.

The programs section introduces color contrast as hierarchy. Five program cards use three background values on purpose: white for the flagship Barbell Club (rendered at 16/24 column width with a 16:9 Image module) and the coaching options, electric blue (#2438ff) for Conditioning, and near-black (#0c0c14) with yellow-reversed text for "Strength for new lifters." The asymmetric column widths (16/24 on the content-heavy card, 8/24 on the compact icon-led cards) create a staggered rhythm that avoids a uniform grid without a single line of custom CSS.

The stats section inverts the palette to #0c0c14, giving three key figures (12 / 5AM / 1:6) room to read at 96px Unbounded in yellow. Each stat sits beneath a 4px yellow Divider module that anchors the number visually at wide viewports and collapses cleanly to a single column on phone. The testimonials section returns to yellow and presents three member quotes inside matched white bordered cards, each pairing a 56px 1:1 portrait Image module with 19px quote copy and a name/label row, giving social proof a structural consistency that reads as credible rather than assembled.

The onboarding sequence maps four steps across a 4-column desktop grid (2-column on tablet, single on phone), each step headed by a blue 48px circular numbered badge connected by a horizontal Divider line that is explicitly disabled on mobile. The page closes with a full-bleed background-image section: a gym photo at cover/center underlays a left-aligned white bordered card (max-width 520px) containing the final CTA Button, so legibility is entirely independent of the image behind it.

What’s inside

Hero card: Unbounded H1 at 104px/68px/40px inside a white Group module with 32px radius and 3px #0c0c14 border, on a solid #ffd60a section background
Three-column numbered feature grid (01-03) using native CSS grid display on Group modules, 3 columns desktop collapsing to 1 on phone, with consistent 32px card padding
Five program cards with three intentional background colors (white, electric blue #2438ff, near-black #0c0c14); Barbell Club card includes a 16:9 Image module with objectFit cover
Dark-section stat block: three figures at 96px Unbounded in a 3-column grid, each preceded by a 4px yellow Divider module acting as a visual rule
Three-column testimonial grid with 1:1 portrait Image modules (56px rendered), 19px Work Sans quote text, and name/label metadata rows inside matched bordered cards
Four-step onboarding flow: blue 48px pill-shaped numbered badges, horizontal Divider connectors hidden on mobile, and a centered CTA Button with blue/white hover inversion
Background-image CTA section: Pexels gym photo at cover/center with an overlaid white bordered card (max-width 520px) and a standalone Button module

Who it’s for

This layout fits boutique fitness studios, strength and conditioning gyms, small-group personal training operations, powerlifting clubs, and sports performance clinics that want a homepage that reads as community-focused and coach-led rather than corporate or franchise-branded. The numbered social-proof structure and program-card system work equally well for a new gym building its first web presence and for an established facility replacing a dated template. It is also a practical starting point for independent coaches who offer multiple training formats and need a single page to surface all of them clearly.

Customization tips

The entire palette is driven by three hex values applied at the section background and Group module levels: #ffd60a (yellow), #0c0c14 (near-black), and #2438ff (blue). To re-brand, find-replace #ffd60a on section backgrounds and update the stat-section text and Divider colors in the same pass; the blue appears only on CTA buttons and the numbered step circles, so swapping it takes under five minutes. Unbounded can be replaced with any condensed or heavy Google Font (Barlow Condensed and Oswald are proportionally close) by updating the font family field in each Heading module.

The hero headline is locked at 0.98em line-height; keep replacement copy to two short clauses or the card height will shift noticeably. Program card body copy sits at 17px/1.6em, so aim for 20 words or fewer per card to stay in proportion. The Barbell Club image uses a 16:9 aspect ratio with objectFit cover, so any landscape crop at least 1200px wide works cleanly. Testimonial portraits are 1:1 at 56px rendered size; use tight head-shots rather than full-body images.

How to install this layout

Download the layout JSON file from this page.
Open the target page in the Divi 5 builder.
Open the portability panel (up/down arrows icon) and choose the Import tab.
Upload the JSON. Tick “replace existing content” only for full-page imports.
Check the page at desktop and mobile widths, then swap in your copy and images.

Full walkthrough with troubleshooting: How to Import a Divi 5 Layout.

Questions about Ironbound Strength Co. — Bold Fitness Home Page for Divi 5

Can I remove the programs section if I only offer one training format?

Yes. The programs grid is a self-contained Divi section. Delete it in the Visual Builder and the hero, stats, testimonials, and CTA sections are unaffected.

What fonts are used and do I need to purchase them?

Unbounded and Work Sans, both from Google Fonts. Divi loads them automatically when you set them in the heading and body font fields. No separate license is needed.

How do I replace the three stat figures (12 / 5AM / 1:6) with my own numbers?

Each figure is a plain Text module set to Unbounded 96px. Edit the inner content to your value. The yellow Divider rule above it is a separate module, so the visual structure stays intact. Two or three characters fit better than five or six at this size.

The hero has no background image. Is that intentional and can I add one?

It is intentional. The contrast between the flat yellow field and the white bordered card is what gives the headline its weight. Adding a background image at the section level is possible, but a busy photo will compete with the card. If you want photography in the hero, consider a solid color overlay at 80% or higher opacity.

The numbered step badges sit inside Group modules rather than a dedicated counter module. Will they stay circular if I change the text?

The circle is created by setting a 48px width, 48px height, and a 999px border radius on the Group module. Single characters center cleanly. Two characters (10, 11, etc.) will also fit, but the fixed pixel dimensions mean the shape does not grow to accommodate longer strings.

The CTA section has a Pexels background image. Can I swap it for my own gym photo?

Yes. The image is set at the section background level with size cover and position center center. Replace the URL in the section settings with your own image; a landscape photo at least 1920px wide will cover the full width without visible stretching.

Which Divi version does this layout need?

Divi 5. The layout is generated natively for Divi 5 and validated against its real module structure before publication, so it imports clean into the current builder.

Can I use this layout on client websites?

Yes. Every download includes a commercial license covering unlimited sites you own or build for clients. Only reselling or redistributing the layout file itself is prohibited.