guardlab.com

A thin bar at the top of the page providing information about re-ordering mouthguards and logging in.

Uses a light teal background (#00AEEF) and white text. The font appears to be a standard sans-serif.

The main menu allowing users to navigate to different product categories and information pages.

Centered logo with menu items aligned to the right. Clean and simple design. White background with teal text. Includes icons for cart, user account, and currency selection.

A brief call to action to 'Join the Mouthguard Revolution'.

Simple line of text in a slightly larger font directly under the navigation, teal color

Highlights three main types of sports guards: Apex, Pro, and Arc. Shows product image, description, price, and a call-to-action button.

Uses rounded corners on product images and subtle grey outlines around each product card. Consistent CTA button styling (teal text with a white border).

Encourages users to find the right mouthguard and compare different options.

Uses a background color of #F5F1E6. Contains a call to action in a large font.

Highlights the most popular products. This section uses a full-width background image of athletes engaged in martial arts.

The background image is black and white and adds a sense of athleticism and credibility to the products. The text overlay is white and clear.

Explains the benefits of 3D scan technology and encourages users to find a 3D scan location near them.

Includes an image of an athlete. CTA button styling is consistent with other sections.

Encourages users to get sports guards for their team.

Uses a background color of #F5F1E6. Contains a call to action in a large font.

Promotes the option to create custom mouthguard designs.

Includes an image of a custom designed mouthguard and a clear CTA.

Showcases a grid of pre-designed Apex mouthguards.

Products are displayed with prices. Includes a 'View All' link to see more products.

Displays a selection of images from the brand's Instagram feed.

A simple grid layout for the images, encouraging users to follow the brand on Instagram.

Promotes custom mouthguard designs.

Includes an image of custom mouthguards and clear calls to action. Teal button color.

Emphasizes that the mouthguards are manufactured in the USA.

Features an image of the American flag. Teal button color.

Promotes the option of custom wholesale mouthguards.

Includes an image of a custom mouthguard and clear call to action. Teal button color.

Contains links to various information pages, a newsletter signup form, social media links, and copyright information.

Dark background with white text. Simple and functional design.

A thin bar at the very top of the page promoting re-ordering mouthguards with a link to log in.

Uses a turquoise background with white text. Simple and functional.

The main navigation bar providing links to different product categories, information pages, and account-related functions.

Black background, white text for the main navigation items, with icons for account, search and cart on the right. The company logo is on the left.

A grid of mouthguard products, each displayed with a product image, name, and price.

Products are arranged in a four-column grid. The images are the focal point, with the product name and price in a smaller font below. Some products have small colored circles which are possibly indicating colors available. Pagination is present at the bottom of the grid.

Three distinct sections highlighting custom design, USA production and wholesale options.

The background image is relevant to the offer being showcased.

The footer containing links to various pages, subscription form, social media links, and copyright information.

Black background with white text. Organized into columns for easy navigation. Includes a newsletter signup form.

A top bar containing secondary navigation links (Log in here).

Dark background, white text. Minimalist design, small font.

Main navigation with logo and category links.

Logo on the left, navigation links aligned horizontally. Includes search and cart icons. Utilizes a clean and simple design.

Product title, price, color selection, size selection and add to cart options.

The spacing around these elements appears well-balanced.

A carousel of product images.

The images are a main focus of the product page, showcasing the product clearly.

Buttons for sharing the product on social media (Facebook, Twitter, Pinterest).

Horizontal Layout

Detailed description of the product, including features, benefits, and materials.

Sizing information included as a section.

Sections highlighting custom design, USA manufacturing and custom wholesale options.

These are designed to sell and promote other products on the website.

Site footer with links to various pages, contact information, and social media links.

Includes a language selector.

Displays the title "CART" and a "Continue shopping" link.

Simple headline with a plain text link. Uses clean typography and ample whitespace.

Displays the item in the cart including the product image, name, options (size/color), quantity, price, and total.

The product is displayed using a photo, product name with size option, a remove button, quantity selector and price. A divider separates each row.

A text area for the user to add a note to their order.

The section uses a plain bordered text area.

Displays the subtotal, shipping information, and checkout buttons.

Includes a subtotal, shipping calculation notice, update cart button and a teal "CHECK OUT" button. Uses simple, clear typography and consistent alignment.

Three promotional banners advertising custom mouthguards, USA-made mouthguards, and custom wholesale options.

Three columns featuring images and descriptions. Each ad includes a title, short description, and a CTA button at the bottom.