Based on the Figma design you shared compared to the previous layout, we have completed all the requested updates on our end.

Here’s a summary of what has been implemented:

Header: The Categories menu has been aligned beside the cart and search icons.
Product Options: These have been styled as pill/button elements.
Product Thumbnails: They have been positioned below the main product image.
Footer: The layout has been updated to closely match the Figma design.
Category Pages: Category buttons have been added.
Mobile Optimization: The mobile view has been improved and optimized.[#10764 Feb 17 2026]

All of the requested updates have now been implemented:

Home Page

“Shop All” button has been added to the slideshow (112px x 50px, #9EDA1A background, #103714 text, Inconsolata 16px).
Featured product thumbnails have been adjusted to a more square ratio (386px x 404px).
Category “Shop” buttons are now positioned outside of the images.
Social icons (X, YouTube, Bluesky) have been added to the footer.
Copyright text spacing has been adjusted closer to the logo.

Category / All Merch Page

Removed the light green top section and bottom border.
Added the Product heading in Rubik.
Updated category bubbles with correct background (#E9E9E9) and font styling (Rubik, #103714).
Product titles and prices updated (Rubik; #103714 for titles, #555555 for prices).
Thumbnails adjusted to 383px x 404px.
“You Might Also Like” section has been added.

Mobile Updates

Top bar is now white with rounded bottom edge.
Cart icon added to the top-right (to the left of search).
Burger background set to white, font updated to #103714.
Removed triangle arrow under X.
Category tiles are now in a single column.
Footer spacing between “Contact” and copyright has been increased.

Product Page

Product title moved above the image.
Carousel under image removed.
On mobile, thumbnails adjusted to 163px x 173.96px.[#10806 Mar 3 2026]

All requested updates have been implemented across the site. Please see the detailed breakdown below:

Buttons

All buttons use the Inconsolata font and are bold.Primary button colors applied:

Background: #9EDA1AText: #103714Hover state colors applied:

Background: #485C11Text: #FFFDF8Button dimensions set to 112px x 50px.

Home Page

Carousel with navigation arrows added to the Featured section.Mobile Featured section thumbnails updated.“Shop Now” buttons in Categories section set to bold.Mobile grid layout for Categories updated for responsiveness.Footer social icons updated to YouTube and Bluesky. If Instagram and LinkedIn are needed, this requires custom coding, please approve.Divider line in the footer removed.Hover on Featured products updated to show “See more details” button instead of “Add to cart,” linking to the product page.

Category Page

Header updated to white background.Category titles added.Selector background updated to white.Mobile tab component updated to match Figma design.Product thumbnail dimensions on mobile updated.Bottom icons on mobile cannot be removed, as they contain essential functionality (Login, Register, Profile Dashboard).

Product Page

Header updated to white background.Product description now displays correctly.“Size” header removed.Quantity selector updated to match design.“Add to Cart” button cannot be moved below the quantity selector, as this would break the layout and the quantity selector functionality.“Related Products” renamed to “You might also like” (#103714).“Recently Viewed Products” section removed.

Login / Registration

Header updated to white background.GIF removed from the page.Layout for Guest Checkout, Sign Up, and Login adjusted per reference.Header fonts updated to Inconsolata.Field labels (Username, Password, etc.) and notes (e.g., Forgot Password) set to bold.

Summary of Limitations / Items Not Fully Implemented

Product Page – “Add to Cart” button: Cannot be moved below quantity selector due to layout/functional conflicts.Mobile Category Page – Bottom icons: Cannot be removed because they provide essential functionality for Login, Register, and Profile Dashboard.Footer Social Icons – Adding Instagram & LinkedIn: Requires custom coding; approval is needed to proceed.

Overall, the site matches the Figma file as closely as possible, with responsive adjustments depending on the user’s device.[#10764 Mar 5 2026]

Here is a summary of the final updates: Home Page

Mobile Layout: Categories updated to a single column of 2.
Footer: Instagram and LinkedIn icons have been added via custom coding.
Featured Hover State: Product titles (Rubik, 32px), prices (Inconsolata, 20px), and the "See more details" button (8px radius) are now integrated into the #103714 green overlay (70% opacity).
Header: Fixed the background to white across all pages (Category, Product, and Login).
Category Page: Removed hover states from thumbnails, updated mobile spacing, and ensured category titles and white selector backgrounds are active. Login / Registration
Typography: All fonts updated to Inconsolata, and titles (“Login To..” and “Sign Up For..”) are now bold.
Buttons: The text on the login button has been precisely recentered.[#10764 Mar 12 2025]

The following changes have been implemented on the Registration page as of March 17, 2026 (#10850):

The "Username" field has been hidden.
The "E-Mail" field has been updated to automatically fill the "Username" field with its value.

Here’s a quick summary of what’s been completed:

General

Added underline on hover for all linksStandardized all buttons to 130x50pxUpdated the success toast close button color to #FFFAdded a “No results found” message for empty search results

Home Page

Adjusted the Featured carousel hover overlay to match the thumbnail size and border radiusMade the category tile images clickable (linked to the same destination as the “Shop Now” buttons)

Product Page

Updated size selection state color to #DFECC6Matched the zoomed image background color to the thumbnail background

Footer

Fixed footer positioning so it stays at the bottom on taller screensAdded underline hover state for linksAdded hover states for YouTube and Bluesky icons

Login / Registration

Updated titles and form field text to use the Rubik font

Mobile Updates

Updated product page layout to follow the requested structure:

Product Name + Price → Image → Description → Quantity → Stock → Add to CartAdded the missing YouTube link in the footer[#10855 Apr 13 2026]

All requested updates have now been completed.

The Checkout button border radius has been updated to match the other buttons for a more consistent look.The search bar has been adjusted and is now displaying properly with improved sizing and usability.The success toast “X” button has been corrected and now displays in white (#FFF).The header icon spacing has been refined for better alignment on both desktop and mobile.The mobile header background has been reviewed and adjusted accordingly.The product page layout on mobile has been updated, including repositioning the “In Stock” text to ensure the “Add to Cart” button is fully visible.[#10855 Apr 16 2026]

The mobile header background has been updated and the border radius is now set to 0px as requested.We’ve also adjusted the product page layout on mobile so the “Add to Cart” button is no longer being cut off and should now display properly across screen sizes.Regarding the floating footer, this was happening because the page content is shorter than the screen height, which creates extra space below and makes the footer appear as if it’s floating. We’ve implemented a fix to extend the page so the footer now sits naturally at the bottom of the screen.[#10855 Aprl 17 2026]