allthingsmochi.com

A large hero banner with the brand name 'Mochi' prominently displayed over an image of the brand's signature beaded blazers. Includes a prominent CTA button.

Uses a full-width image with the brand logo layered on top. CTA is in a contrasting dark green color. The color palette uses warm tones and the font appears to be a sans-serif typeface.

A grid of images showcasing various beaded blazers offered by the brand. Each product is labelled with its name and price, and whether it is sold out.

Images are arranged in a grid layout with consistent spacing. Product titles are displayed below each image, and 'Sold Out' is prominently displayed for unavailable items. The use of consistent photography style gives a cohesive look.

A split banner with an image and a call to action to explore Mochi Crochet.

The image occupies the left portion and the call to action occupies the right portion. A dark green button encourages users to explore the crochet collection.

A section featuring text about conscious collections and an image related to the brand's ethos.

The text is large and bold, emphasizing the brand's commitment to sustainability. A complementary image reinforces the message.

A section promoting the newsletter with a signup form for users to subscribe.

Uses the brand's signature purple/magenta color as a background. It has a brief text description of what the subscriber receives. It then utilizes a simple email input box and a 'sign up' button in green.

A grid of images presumably pulled from the brand's social media accounts, showcasing the brand's aesthetic and community.

Images are arranged in a tight grid layout, creating a visually appealing and engaging section. Represents user-generated content or lifestyle images.

The website footer containing support information, shipping details, legal links, and social media links.

The footer uses the brand's purple/magenta as a background. The footer is divided into multiple columns including terms, privacy policy, shipping and social media links.

The announcement bar is at the very top of the page, indicating a collaboration.

Uses the primary color, deep berry, for the background. White text is used for contrast.

The navigation includes the store logo and links to different sections of the website.

The logo is simple and clean. Navigation links are small and use a sans-serif font. Search and account icons are located to the right.

This section displays the collection name and a short description of the brand.

The title 'All Clothing' uses a large, elegant serif font. The description below is smaller and provides context for the collection. Significant spacing exists between the navigation and the title.

This section contains filter options for Out of Stock, Price and Color.

Collapsible filters appear on the left side in a sidebar. A clear distinction is made between the 'Show' and 'Hide' state of out-of-stock items. A slider is used for filtering price.

This section displays the products in a grid layout.

Products are displayed in a four-column grid. Each product card includes an image, product name, and price. 'Sold Out' badges are present on some products. 'New In' or 'Pre-Order' badges are present on some products as well. Spacing between product cards is consistent.

The pagination section allows users to navigate through different pages of products.

Simple numerical pagination is used at the bottom of the product grid. A 'Next' link is included.

The footer contains links to terms and conditions, privacy policy, delivery and returns, contact information, social media links, and payment method icons.

The footer uses the deep berry color as a background. Small white text is used for the links. Social media icons are circular and also white. Payment method icons are displayed at the bottom.

Displays the page hierarchy: Home > Mochi Gift Card.

Simple, standard breadcrumb navigation.

Contains the product image carousel, product name (Mochi Gift Card), price (€50,00), and options for gift card value (€50, €100, €200).

The image carousel uses a thumbnail slider at the bottom. Gift card values are displayed as selectable buttons. The product title is in a dark, serif font.

Allows the user to select quantity and add the product to their cart. Includes a brief product description and link to FAQ.

Quantity selector uses plus and minus icons, with an 'Add to Cart' button below in a dark solid color matching other elements. The product description uses a serif typeface.

Displays placeholder images of related products with a heading 'Complete the look'.

Uses circle placeholder images with the label 'From' below, indicating potential product sources or prices. Images are not fully loaded.

Displays a carousel of related products that the user might also like.

Carousel includes product images, names, and prices. One product has a 'Pre-Order' badge. Uses arrow buttons for navigation.

Contains links to Terms & Conditions, Privacy Policy, Cookie Policy, Delivery & Returns, FAQ, Contact, Private Style Session, and Careers. Includes copyright information and payment method icons.

The footer uses the brand's primary dark color. Includes social media icons and payment method icons.

This section contains a promotional message 'SHOP MOCHI X BRUNA'.

The bar uses a lighter orange background with a dark font. The text is centered.

The navigation section contains the brand logo and navigation links.

The logo is in the left corner and the navigation links are on the right. There are also account and cart icons in the right corner of the navigation bar.

This section contains the title of the page, 'Shopping Cart'.

The title is centered and uses a dark green color. It is formatted with a larger font size.

This section lists the items in the cart, with details such as product name, price, quantity, and total.

Each item is displayed in a row. The quantity can be adjusted using plus and minus buttons. There is a divider line between the headers (Product, Price, Quantity, Total) and the cart contents.

This section shows the subtotal, tax information, and a checkout button.

The subtotal is displayed in a clear and readable font. A dark green 'Check out' button is used, and a 'shop' button using the purple accent color. The 'Continue Shopping' link is in a regular font.

This section contains links to Terms & Conditions, Privacy Policy, Cookie Policy, Delivery & Returns, FAQ, Contact, Private Style Session, and Careers, social media icons, and payment options.

The footer has a dark purple background. The links are in white. Social media icons are on the right side of the footer. Payment options are displayed below the links.