Distance store

The desktop homepage features a minimalist design with a large hero image of a person in a white running shirt and a close-up of a running shoe. A navigation bar at the top includes links for Man, Woman, Shoes, Accessories, Brands, and Our Stores, alongside search and account options. Below the hero section, content is organized in wide horizontal banners and a grid for footwear, apparel, and accessories.The mobile version presents a vertically stacked layout with a simplified header containing the logo, search, basket, and a hamburger menu icon. The hero image dominates the top of the screen with the 'DISTANCE DROP 1' headline and a green 'DÉCOUVRIR' call-to-action button overlaid on the image. A cookie consent banner appears at the bottom of the viewport.

Distance is a premium running and trail specialist boutique that serves as a curated hub for high-performance athletes and enthusiasts. The platform bridges the gap between global industry giants and emerging niche brands, offering a sophisticated selection of technical footwear, apparel, and accessories. Beyond retail, the brand positions itself as a cultural touchpoint for the running community through curated events, books, and collaborations. The visual identity is defined by a bold, high-impact aesthetic that leans heavily into contemporary streetwear sensibilities. Utilizing massive, heavy typography and a high-contrast layout, the design communicates energy and movement. The use of large-scale, editorial-style photography creates an immersive experience, targeting a discerning audience that values both technical excellence and cutting-edge style in their athletic gear.

Industry

Design

Colors
Buckets
Palette
#EEEEEE
#C5C5C5
#9D968C
#172224
#6A5E4B
#0563A6

Technology

Cookie compliance
Ecommerce
JavaScript frameworks
Miscellaneous
Security
Pagespeed
Desktop
67
Performance
87
Accessibility
77
Best Practices
100
SEO
Mobile
61
Performance
87
Accessibility
73
Best Practices
100
SEO
Related websites
Advertisement
Learn more

Websites on Display is an independent web design inspiration gallery and archive. All website designs, screenshots, logos, and trademarks featured on this platform remain the exclusive intellectual property of their respective original creators, agencies, and brands. If you are a copyright holder and wish to have your work credited, or removed from the archive, please contact us and we will promptly accommodate your request.