Category
Fitness & Sportswear
Country
United Kingdom
Style
Modern
Industry
Fashion
Layout
Grid
Color Palette
The Alphalete website features a modern design with a focus on minimalist aesthetics. It uses a predominantly neutral color palette with black text on a white background and gray accents. The layout relies on grid structures and full-width sections to showcase products and collections effectively.

A bar at the very top with the text 'FREE SHIPPING OVER $300'.
Simple, small typography. Background color is a muted gray.
A large hero image with the text 'CONFIDENCE, SEAMLESSLY BUILT'.
Overlaid text is in white. The image is slightly desaturated, almost grayscale. There's a smaller subheading of text below the title. A dark grey bar follows.
A section showcasing new arrivals.
The layout utilizes a horizontal scrolling container to display products. Each product image is a square with a description below. The spacing is even and consistent.
A section displaying popular products.
Similar to the 'What's New' section, this section showcases best-selling items in a horizontal scrolling container. Products have an image, name, and price.
A full-width section with a model wearing Alphalete clothing and the text 'EFFORTLESS BY DESIGN'.
Image is desaturated and has a soft, diffused light. White text overlays the image. Contains a button labeled "Shop Comfy Sets".
A section featuring new fitness apparel.
The layout follows the same horizontal scrolling structure used in the previous product sections.
A section allowing users to shop by color.
Circular images with corresponding color swatches showcase each color option. Text labels (RED, BLUE, GREEN, etc.) are placed below each circle.
A banner promoting a sale with the text 'FRESH FINDS, REDUCED.'
The banner features a full-width image in red. Contains links for shopping the sale.
A section showcasing popular product categories.
Each category is represented by a square image with the category name (BRAS, SHORTS, etc.) and a short description below.
Another full-width banner with the text 'BUILT-IN RESILIENCE'.
The background is a dark image with a person lifting weights. Contains a button labeled "Shop Men's New Arrivals".
A section showcasing the latest products for men.
This section displays a horizontal scrolling set of products.
Three squares featuring fashion images for women, men, and accessories.
Each square features an image of a model or product, as well as text at the bottom saying "FOR HER", "FOR HIM", or "ACCESSORIES" respectively.
A promotional banner to Visit Alphalaland.
Background is a desaturated aerial shot of the facility.
Standard footer section with help links, company links, and contact information.
Footer is black with white text and small social media icons.
Summary
The Alphalete homepage features a clean and modern design, prioritizing product presentation through grid-based layouts and horizontal scrolling carousels. The consistent use of desaturated imagery and a neutral color palette creates a cohesive and sophisticated shopping experience. Strong calls to action are present throughout the page encouraging users to explore different categories and promotions.

Displays the current page title and number of products shown.
Simple typography, aligned to the top left. The text provides context for the products displayed.
Dropdown menu for sorting the product display.
Located at the top right, allowing users to change the order of the displayed products. The dropdown is styled in a light grey.
Displays the list of products in a grid layout.
Uses a four-column grid. Product images are displayed with product title, description, and price information below. There are color swatches displayed below each product image representing available colors.
A sidebar for filtering products based on various attributes like availability, size, color, fit, and product type.
Clean typography. Each category is expandable to show available filter options. The sidebar uses checkboxes for selecting multiple options.
Summary
The collection page uses a minimal design with a focus on product presentation. The grid layout and sidebar filtering options allow users to easily browse and find desired products. The limited color palette contributes to the clean and modern aesthetic.

A simple bar at the very top indicating free shipping for orders above a certain amount.
Uses a light grey background (#F2F2F2). The typography is small and sans-serif.
The standard navigation bar includes the logo (ALPHALETE), product categories (WOMEN, MEN), and utility links (HELP, WISHLIST, JOIN US).
Logo is centered on the left, categories are to the right of the logo, utility links are on the far right. Uses black text on a white background. Search and account icons are present.
This section showcases the product image (ALPHALETE Digital Gift Card) along with its name and price.
The product image takes up a significant portion of the screen. The product name is displayed prominently, and the price is positioned to the right. The color palette of the gift card image is muted red and white.
This section provides options to select a value for the Gift Card.
The 'Choose your store' modal is opened by default. Options for Gift Card values are displayed in button form. A 'select a size' input is also displayed.
A carousel showcasing other products available on the store.
Each product is displayed with an image, name, product type, and price. A small color palette selector is visible for some of the products. Minimal spacing is used between products.
Standard footer with help links, company info, address, social media icons, and copyright information.
The footer uses a black background with white text. The layout is divided into columns. Social media icons are located on the bottom left. Payment method icons are on the bottom right.
Summary
The product page follows a minimal and clean aesthetic, focusing on clear product presentation and easy navigation. The use of whitespace and a limited color palette contributes to a modern and uncluttered feel, highlighting the products and creating a smooth user experience.

A thin bar at the top promoting free domestic shipping over £100.
Black background, white text, minimal height.
The main site navigation with logo on the left and account/cart icons on the right.
Simple sans-serif font, minimal icon design.
Simple breadcrumbs showing current page location.
Small font size, black text on white.
The title of the cart page 'Your cart' with the number of items (0 in this case)
Large, bold typography.
A message indicating that the cart is empty, along with a 'Start Shopping' button.
Centered text and button, clean typography, minimal styling.
Heading indicating the section to display products that you may also like.
Large, bold headline.
Carousel with suggested products.
Includes navigation arrows and a 'View All' button; product images are not visible in the screenshot.
Standard footer with help links, policy links, address information, social media links, and copyright information.
Black background, white text, organized in columns, minimal icons.
Summary
The cart page uses a minimalist approach, emphasizing a clean and uncluttered design. The focus is on directing the user towards taking action, either by browsing related products or continuing to shop. The limited color palette and simple typography contribute to the overall sophisticated and user-friendly experience.