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]

Sequence by Sunrise Mug

Sequence by Sunrise Mug

You might also like

Dino Flora Socks