Skip to content
L-168Layout

Fitness Gym Homepage

Full multi-section gym homepage built as a plain, fully editable Etch tree: bold full-bleed hero over a training photo > a count-up stat strip > Classes grid (four "Class Card" instances) > a Personal Training split pane…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

The system behind it

One pattern, your whole brand.

Fitness Gym Homepage reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.

Type
Layout
Category
Homepage
Responsive
Desktop to phone
Works with
Etch, ACSS, plain CSS

Component props 4

Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.

Stat4 in this pattern · 3 props
PropTypeDefault
value
text

5

suffix
text

K+

label
text

Active Members

Class Card4 in this pattern · 3 props
PropTypeDefault
title
text

HIIT Training

description
text

High-intensity interval training to maximize calorie burn and boost m…

meta
text

45 min · All Levels

Plan3 in this pattern · 9 props
PropTypeDefault
name
text

Basic

tagline
text

Perfect for getting started

price
text

29

feature1
text

Gym access (6am–10pm)

feature2
text

Basic equipment

feature3
text

Locker room access

feature4
text

Free WiFi

badge
text

empty

featured
true / false

False

Trainer Card4 in this pattern · 4 props
PropTypeDefault
photo
text

https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=480

photoAlt
text

Portrait of Alex Rodriguez

name
text

Alex Rodriguez

role
text

Head Trainer

Included in Pro From €39 a year, with all 469 patterns.

Get Pro

More patterns

Keep browsing.

L-000

Quick View

Desktop, 1440px
Pro
demo.etchedy.com

The real preview of this pattern. Every pattern adapts to your ACSS tokens.

Unlock with ProSee plansIncluded in your plan