Category
Fitness & Sportswear
Country
United Kingdom
Style
Bold
Industry
Sports
Layout
Grid
Color Palette
The website uses a bold and visually driven approach, showcasing a variety of martial arts apparel and accessories. It employs dynamic imagery and strong contrast with black and white photographs against red and blue accents to capture attention and promote brand associations.

A blue bar at the very top of the page with white text displaying a promotional message: "FREE UK DELIVERY ON ORDERS OVER £50".
Uses a contrasting color to stand out. The font is simple and legible.
A full-width banner showcasing Marvel-themed mouthguards. It features product imagery against a background scene, with product name and a call to action.
Uses a high-quality product shot with strong contrast. CTA is a red button, consistent with the site's accent color.
A hero banner displaying a training mask. Contains a product image, product name, and a call to action with a price.
Uses a lifestyle image with product placement. CTA is a red button, consistent with the site's accent color.
A hero banner showing apparel branded with the UFC logo, promoting a discount.
Uses a high quality image and a call to action highlighting a discount on UFC items. CTA is a red banner.
A hero banner showing apparel branded with Tatami. Contains a product image and a call to action highlighting discount.
Uses a high quality image and a call to action highlighting a discount on Tatami items. CTA is a red banner.
A hero banner showcasing Street Fighter-themed hot sauce, promoting a discount.
Uses a product shot with environmental background. CTA is a red button, consistent with the site's accent color.
A hero banner showcasing Roots of Fight Apparel, promoting a discount.
Uses a collage of images featuring various Roots of Fight apparel. CTA is a red banner.
A hero banner showcasing scramble brand products.
Uses a high quality image and a call to action highlighting a discount on Scramble items. CTA is a yellow button.
A hero banner showing apparel branded with RVCA.
Uses a high quality image and a call to action highlighting a discount on RVCA items. CTA is a red banner.
A hero banner showcasing a Fairtex product with a 40% off promotion.
Uses a black and white image. CTA is a red banner.
A section dedicated to showcasing featured brands, displaying brand logos horizontally.
Simple layout, brands are displayed horizontally and aligned in the center.
A product grid showcasing the latest products available in the store.
Products are displayed in a grid format with product images, names, and prices. There is a button to view all new releases. A 'Sold Out' badge is present.
A section prompting users to subscribe to the newsletter for special offers.
Uses a red background color to draw attention. Features an email input field and a subscribe button.
The website footer contains links to important pages like About Us, Contact, Returns, etc. It also includes a sign-up form for email updates, contact info, and social media links.
The footer has a dark background with white text. Uses minimal design elements, mostly text-based navigation and social media icons.
Summary
The page utilizes a series of full-width banners to highlight different product categories and promotions. Strong use of high-quality imagery and consistent CTA styling with red buttons creates a cohesive and engaging browsing experience. The footer offers essential links and contact information on a clean, dark background.

A red announcement bar at the top of the page provides information about free UK delivery on orders over £60.
Uses a bold red background with white text for high visibility. Font is simple and clear. Sits flush with the top of the screen.
The navigation bar includes the site logo, search icon, account icon, and cart icon.
The logo is positioned prominently in the top left corner and uses a blue and white color scheme. The right side of the navigation contains icons for account, search and cart.
Breadcrumbs to indicate the current page location: Home / ALL
Simple text links indicating the site hierarchy.
A sidebar with filter options to refine the product listing by size, color, and price.
Uses radio buttons for single-select filters and a simple sans-serif font for labels. Spacing between filter options is adequate. Provides item counts next to the filter options.
A grid displaying all products in the collection, showing product images, titles, and prices.
Products are arranged in a multi-column grid. Images are the main focus. Titles are concise and prices are clearly displayed. Sale badges are used where appropriate.
Pagination controls at the bottom of the product grid to navigate through multiple pages of products.
Simple numbered links and a 'Next' button for page navigation. The current page is likely indicated by a different styling (likely a different background color or bolded text). The styling of the 'Next' button implies it is the active page.
A footer section with links to About Us, Contact, Return, Shipping, and Wholesale information, along with a newsletter signup form and social media links.
Footer uses a dark background with white text. Includes a newsletter signup and social media links for customer engagement.
Summary
The collection page presents a straightforward shopping experience with a focus on product visibility. The filter options are helpful for refining the product selection, and the overall design is clean and functional. The grid layout provides an efficient way to display numerous products.

A simple announcement bar at the top of the page promoting free UK delivery on orders over £60. It uses a bright red background with white text for high visibility.
Contrasting color to draw attention; simple and concise messaging.
Shows the current location of the user, which is 'Home / Training Mask'. This allows the user to easily navigate back to previous pages.
Simple, unobtrusive, and aids navigation
Displays the product name ('TRAINING MASK VENT PERFORMANCE FILTRATION BREATHING TRAINER') and its price (€19.95).
Product name uses a slightly larger font size for emphasis. Price is placed below the product name.
Allows the user to select the size of the product. In this case, the only option is 'One Size Fits Most'.
Clean, simple size selector using a button-like style.
Allows the user to add the product to their shopping cart.
Button is outlined and white, visually secondary to the 'Buy it Now' button.
Allows the user to immediately purchase the product.
Prominent blue button designed to stand out. Offers a quicker path to purchase.
Provides a detailed description of the product, including its benefits, features, and materials.
The text is divided into multiple paragraphs with clear headings for readability. This aids in user comprehension. Simple black text on white.
A collapsable section where users can ask questions about the product.
The FAQ section is styled as an accordion, only showing the question when selected. This helps organize the content and prevent the page from being too long.
Links to share the product on Facebook, Twitter and Pinterest.
Simple text links with small social media icons. Placed below the 'Ask a Question' section.
Summary
This product page emphasizes clarity and ease of use. The design is clean and modern, making it easy for customers to find the information they need and make a purchase. The clear hierarchy of information, prominent call-to-action buttons, and detailed product description all contribute to a positive user experience.

A red bar at the top of the page promoting free UK delivery on orders over £60.
Uses a bold red color to grab attention. Text is centered and in a white font, providing high contrast. The height of the bar is relatively small, avoiding distraction.
The title of the page, 'CART'.
Centered text in a large, bold font. Uses the primary black color of the site. Simple and direct.
Displays the items currently in the shopping cart, including product image, description, quantity, and total price. Includes a 'Remove' link.
Each item is separated by a horizontal line for clear visual separation. The quantity input is a simple bordered box. Typography is clean and legible. The Remove button is understated.
Displays the subtotal amount, along with a note about shipping, taxes, and discounts.
Text is aligned to the right. Uses a smaller font size for the shipping/taxes note, indicating it's less important than the subtotal. Clear pricing information presented plainly.
Buttons for updating the cart and proceeding to checkout.
The 'Check Out' button uses a bright blue background to make it stand out. The 'Update Cart' button is a simple outlined button. Spacing around the buttons is adequate, providing visual breathing room.
Contains links to About Us, Contact, Returns, Shipping, and Wholesale accounts, along with a signup form, social media links, and copyright information.
The footer uses a black background with white text, creating a strong contrast. The signup form has a clean and minimal design with a simple input field. Social media icons are small and subtle.
Summary
This cart page boasts a streamlined and minimalist design, prioritizing clarity and ease of use. The straightforward layout and clear call-to-action buttons, specifically the bright blue 'Check Out' button, contribute to a positive user experience. The design effectively communicates the cart contents and checkout process without unnecessary clutter.