Cushionaire Home — Visual QA Report

v2 · post-fix rebuild, troopodtest (theme 163150561523) · 103 findings, Figma vs live, section by section, desktop + mobile, adversarially verified. ← all reports

4
Critical
23
High
40
Medium
36
Low
Page:
Severity:
Type:
Device:
V2-01CriticalHomeMobileImageryMOST LOVED carousel navigationvs Figma

Carousel arrows replaced with button + sticker

Figma (design)
figma
Live site
site

Figma shows simple left (gray) and right (black) navigation arrows below the carousel. The site instead shows a black 'SEE WHAT'S POPPIN' button and a handwritten 'WALK YOUR MOOD' sticker badge with a pink underline — the prev/next arrow controls are entirely absent.

Restore the left/right carousel arrow controls as designed; remove the unspecified 'SEE WHAT'S POPPIN' button and 'WALK YOUR MOOD' sticker, or reconcile with the correct Figma frame if these belong to a different design version.
V2-02CriticalHomeMobileImageryYOU'LL LIVE IN. sectionvs Figma

Duotone photo-in-'S' cutout missing, replaced by outline text

Figma (design)
figma
Live site
site

Figma shows a large pink 'S' shape containing a black-and-white duotone lifestyle photo of a woman holding sandals above the 'YOU'LL LIVE IN.' heading. The site shows large outlined display text ('NAIRE CUSH' / 'STYLE') instead, with no duotone photo and no 'S' cutout graphic.

Implement the duotone photo masked inside the large 'S' decorative shape as in Figma; remove or relocate the oversized outline 'STYLE' text if it is not part of this design.
V2-03CriticalHomeMobileLayoutComfort Icons product carouselvs Figma

Carousel rendered as vertical stack instead of horizontal swipe carousel

Figma (design)
figma
Live site
site

Figma shows the Comfort Icons products as a horizontal carousel: one card visible with the next card peeking on the right edge and prev/next arrow controls below. The site renders the products as full-width vertically stacked cards (LANE CORK FOOTBED SANDAL above HANA CORK FOOTBED CLOG) with no peeking next card and no arrow navigation in this band.

Implement the product block as a horizontal scroll/swipe carousel on mobile with a partial next-card peek and the prev/next arrow controls, matching Figma.
V2-04CriticalHomeMobileContentShop the Look carouselvs Figma

SHOP THE LOOK buttons missing on product cards

Figma (design)
figma
Live site
site

Figma shows each carousel product card with a centered outlined 'SHOP THE LOOK' button overlaid near the bottom of the image. On the site the cards are bare images with no button; one card instead shows broken/glitched placeholder text ('You sign to add... shopping cart').

Add the centered outlined 'SHOP THE LOOK' button overlay to every carousel card and remove the stray placeholder text.
V2-05HighHomeDesktopLayoutHerovs Figma

Headline is significantly larger / overflowing on the site

Figma (design)
figma
Live site
site

In Figma 'STYLE MEETS COMFORT' is sized so all three words fit comfortably within the left half over the photo. On the site the type is noticeably larger and 'COMFORT' extends much further right, crowding the model image and reducing left margin breathing room.

Reduce hero headline font-size (or its clamp max) to match Figma proportions so the text occupies roughly the left 40-45% and does not collide with the subject.
V2-06HighHomeDesktopContentShop by Categoryvs Figma

Missing 'STYLES FOR EVERY SEASON' eyebrow heading

Figma (design)
figma
Live site
site

Figma shows a small italic eyebrow 'STYLES FOR EVERY SEASON' above the large 'SHOP BY CATEGORY' title. On the site this eyebrow line is absent — only 'SHOP BY CATEGORY' appears.

Add the 'STYLES FOR EVERY SEASON' eyebrow above the section title with the Figma italic style. (Note: site is partly obscured by preview bar; confirm it is truly missing and not just hidden behind the bar.)
V2-07HighHomeDesktopImageryCITY SUMMER promo tilevs Figma

Different/cropped model photo in CITY SUMMER tile

Figma (design)
figma
Live site
site

Figma shows the model seated with hand resting near her chin/cheek, no sunglasses, framed full so the iced drink sits low-left and feet/flats are visible at the bottom. The site shows a different crop/pose of the same shoot: the model is wearing dark sunglasses and has both hands up to her face, the framing is zoomed and shifted so the composition reads differently. The hero subject does not match the design.

Replace the CITY SUMMER image with the exact asset/crop used in Figma (no-sunglasses pose, hand at chin, drink low-left, feet visible) or re-crop to match the design framing.
V2-08HighHomeDesktopImageryMADE TO FEEL BETTER bannervs Figma

Banner hero image crop differs significantly

Figma (design)
figma
Live site
site

Figma shows the seated model fully within the banner: full face/upper body on the right, the brown-print tube top and denim clearly visible, woven heeled sandals at lower-center, on a warm beige studio backdrop. The site crops the model much tighter and higher so only the top of her head/face is visible behind the heading, the printed top is largely cut off, and the right two-thirds of the banner is empty beige wall. The focal subject is mostly cropped out.

Use Figma's image crop/scale and object-position so the full seated model (face, printed top, sandals) is visible and the composition matches the design.
V2-09HighHomeDesktopStylingMost Loved - headingvs Figma

MOST LOVED heading color washed out / low contrast

Figma (design)
figma
Live site
site

Figma renders the 'MOST LOVED' heading in a solid, saturated salmon/coral pink with strong contrast against the blue photo background. On the site the same heading is a much paler, low-contrast pink that nearly blends into the background and looks faded.

Set the heading fill to the saturated coral pink used in Figma (matching the brand accent), not a light tint, so it reads clearly over the blue image.
V2-10HighHomeDesktopLayoutMost Loved - product cardsvs Figma

Product card row is wider / cards larger, causing third card to be cut off

Figma (design)
figma
Live site
site

Figma shows three fully visible product cards (Pool Jelly Slide Sandal, Lane Cork Footbed Sandal, Hana Cork Footbed Clog) sitting within the section width. On the site the cards are scaled up and the carousel overflows, so the third card (Hana Cork Footbed Clog) is clipped at the right edge with its title and Learn More button cut off.

Reduce card width / adjust carousel container so all three cards fit within the section like Figma, or align the carousel start so cards are fully contained.
V2-11HighHomeDesktopImageryComfort Looks This Good (hero banner)vs Figma

Hero background photo is the wrong crop/zoom

Figma (design)
figma
Live site
site

Figma shows a tighter, lower crop of the woman seated on a stone ledge — her bare legs, the straw basket bag, and dark heels dominate the frame, with her torso cut off near the top. The site shows a zoomed-out version revealing her full upper body, shirt, hair, and the window above, so the focal subject (legs/bag/shoes) sits much lower and smaller in the frame.

Match the Figma background-position/crop: pan the image down and zoom in so the seated legs, basket, and heels fill the frame as in the design; the upper torso and window should be largely cropped out.
V2-12HighHomeDesktopImageryVideo carouselvs Figma

Play-button icons added on every video tile

Figma (design)
figma
Live site
site

Figma shows the three lifestyle/video tiles as clean images with no overlay controls. The site renders a circular play-button icon in the top-right corner of each tile.

Remove the play-button overlay icons to match Figma, or move/restyle per the design spec if videos are intended.
V2-13HighHomeDesktopLayoutCOMFORT ICONS headingvs Figma

Heading wraps to two lines instead of one

Figma (design)
figma
Live site
site

Figma shows 'COMFORT ICONS' on a single line spanning the section width. The site wraps it to two lines ('COMFORT' / 'ICONS'), increasing the heading block height and pushing content down.

Adjust font-size/letter-spacing or container width so 'COMFORT ICONS' fits on one line as in Figma.
V2-14HighHomeDesktopStylingCOMFORT ICONS product cardsvs Figma

Product image sits inside a white rounded inner box instead of full-bleed on card

Figma (design)
figma
Live site
site

Figma shows each product photo placed directly on the card's light background with no inner container. The site wraps each product image in a white rounded-corner box (with a visible selection/border outline on the first card), creating a card-within-card look not in the design.

Remove the white inner image container so the product image sits on the card background as in Figma; remove the stray selection outline on the first card.
V2-15HighHomeMobileImagerySHOP BY CATEGORY - product cardsvs Figma

Card text overlays not present in Figma design

Figma (design)
figma
Live site
site

Figma shows the category cards as clean product photos with no text overlay or dark gradient at the bottom. The site adds bottom-aligned white heading + subtitle text and an associated darkening over the lower portion of each card image.

Remove the text overlay/gradient from the category cards to match Figma, or confirm the design intent — current overlays diverge from the ground-truth layout.
V2-16HighHomeMobileLayoutSummer Essentials headingvs Figma

SUMMER ESSENTIALS wraps to two lines on site

Figma (design)
figma
Live site
site

Figma renders 'SUMMER ESSENTIALS' on a single line across the full width. The site wraps it to two stacked lines ('SUMMER' / 'ESSENTIALS'), indicating the font size is too large or container width too narrow for this breakpoint.

Reduce the heading font-size (or letter-spacing) at Mobile so 'SUMMER ESSENTIALS' fits on one line as in Figma, or set white-space/nowrap with a fitting size.
V2-17HighHomeMobileLayoutMade To Feel Bettervs Figma

Heading layout differs: 3 lines in Figma vs 2 lines on site

Figma (design)
figma
Live site
site

Figma stacks the headline on three lines ('MADE' / 'TO FEEL' / 'BETTER') as a large block occupying the left of the beige panel. The site wraps it as two lines ('MADE TO FEEL' / 'BETTER'). The line breaks and visual mass of the heading do not match.

Force the heading line breaks to match Figma (MADE / TO FEEL / BETTER) or reduce container width so it wraps to three lines, and match the larger Figma type scale.
V2-18HighHomeMobileLayoutMade To Feel Bettervs Figma

Image and heading composition reordered

Figma (design)
figma
Live site
site

In Figma the lifestyle photo (seated woman + raffia platform sandal) and the headline overlap in a single full-bleed beige scene — the heading sits top-left over the image. On the site the photo is a separate framed block at top and the heading sits below it on a flat beige strip, so the immersive overlapping composition is lost.

Rebuild the section as a single layered scene with the heading overlaid on the photo per Figma, rather than stacking a contained image above a separate text block.
V2-19HighHomeMobileStylingMOST LOVED headingvs Figma

MOST LOVED heading color/treatment differs

Figma (design)
figma
Live site
site

Figma shows the 'MOST LOVED' title in solid white over the photographic background. The site renders it in a pale pink/blush outline-style tone that blends into the background and reads much lower-contrast.

Set the MOST LOVED heading fill to solid white (or the Figma-specified color) so it reads clearly against the background photo.
V2-20HighHomeMobileStylingBest Sellers / New Arrivals tabsvs Figma

Active tab styling inverted

Figma (design)
figma
Live site
site

In Figma the active 'BEST SELLERS' tab is a solid black pill with white text and 'NEW ARRIVALS' is plain text. On the site the active tab is a light blush pill with dark text; the black/white active treatment is gone.

Restyle the active tab to a solid black background with white uppercase text to match Figma; keep inactive tab as plain dark text.
V2-21HighHomeMobileContentYOU'LL LIVE IN. CTAvs Figma

CTA button present on site but cut off / differs in Figma band

Figma (design)
figma
Live site
site

The site shows a black 'GET COMFY' CTA button under the body copy. The Figma band crops just before the button, so the button label/style cannot be confirmed against Figma here; the body copy wording matches ('From slow mornings to spontaneous nights out, Cushionaire brings effortless comfort to every step').

Verify the CTA label and styling against the full Figma 'YOU'LL LIVE IN.' section (expected button copy/style) since it falls outside this band's crop.
V2-22HighHomeMobileLayoutTestimonial card (LOVED BY 10M+)vs Figma

Testimonial card layout: overlapping photo+card vs stacked photo-then-card

Figma (design)
figma
Live site
site

Figma shows the customer photo as a tall image with the pink review card overlapping/anchored at the bottom inside the same card frame (image fills the card, star+quote+name sit on a pink panel beneath, tightly coupled into one rounded card). The site renders the photo as a separate block on top and the pink review panel as a distinct rounded box that visibly overlaps the bottom of the photo with a gap, making the photo shorter and the pink panel a separate floating card. The composition reads differently from the design.

Match Figma: make the image and pink review panel one continuous rounded card with the image filling the upper portion and the review text panel anchored at the bottom (no detached floating panel / visible seam).
V2-23HighHomeMobileContentSection header (THE OBSESSION IS REAL)vs Figma

Eyebrow line 'THE OBSESSION IS REAL.' missing on site

Figma (design)
figma
Live site
site

Figma shows a small pink italic eyebrow 'THE OBSESSION IS REAL.' directly above the 'LOVED BY 10M+ CUSTOMERS' heading. In the site band 4 this eyebrow line is not visible above the heading (the heading appears at the very top with no eyebrow).

Verify the 'THE OBSESSION IS REAL.' eyebrow renders above the heading; if it scrolled out of this band it should still sit immediately above the heading at the same spacing as Figma.
V2-24HighHomeMobileImageryComfort Icons product carouselvs Figma

Carousel navigation arrows missing on site

Figma (design)
figma
Live site
site

Figma shows left (grey) and right (peach/coral) arrow controls below the carousel cards. The site band shows no arrow navigation between the stacked product cards.

Add the left/right arrow controls below the carousel, with the right arrow in the peach/coral accent color as in Figma.
V2-25HighHomeMobileLayoutShop the Look carouselvs Figma

Carousel layout differs: vertical stacked images vs horizontal card row

Figma (design)
figma
Live site
site

Figma presents the products as a horizontal row of equal-height cards with the shop button overlay. The site stacks images vertically/irregularly (a tall lifestyle photo, a product-on-white image beside it, then a second large image below), not matching the card grid.

Rebuild the carousel as a horizontal row of uniform product cards matching the Figma card sizing and spacing.
V2-26HighHomeMobileImageryShop the Look carouselvs Figma

Broken/placeholder text rendered over carousel image

Figma (design)
figma
Live site
site

The lower-left carousel image on the site shows garbled overlaid text 'You sign to add...the shopping cart', which does not exist in Figma. This is a broken add-to-cart label or error string leaking into the layout.

Remove the leaking cart/error string; ensure card overlays render only the intended SHOP THE LOOK button.
V2-27HighHomeMobileLayoutFooter - link columnsvs Figma

Footer link order and column grouping rearranged

Figma (design)
figma
Live site
site

Figma footer left column lists Track my order / Start a return-exchange / Search / Contact Us / About Us / Gift Cards, with a right column of Shipping/Return/Privacy/Terms/Careers as a separate group. On the site these are reshuffled: left column shows Shipping/Return/Privacy/Terms/Careers while Track my order/Start a return/Search/Contact/About/Gift Cards appear in the right column, and KEEP IN TOUCH sits below rather than aligned as in Figma.

Reorder footer columns to match Figma: utility links (Track my order, return, Search, Contact, About, Gift Cards) on the left, policy links on the right.
V2-28MediumHomeDesktopImageryHerovs Figma

Hero photo cropped/zoomed differently

Figma (design)
figma
Live site
site

Figma frames the seated model with more of the bench, floor and the right-side decorative card fully visible within the band. The site crops tighter/zoomed-in: the model and bench fill more of the frame and the 'COOL. CALM. CUSHIONED.' card sits lower-right partially cut at the band edge.

Match hero image object-position/scale to Figma so the full bench, floor, and decorative card are framed the same way.
V2-29MediumHomeDesktopImageryHerovs Figma

'COOL. CALM. CUSHIONED.' card and torn-paper decoration positioned/cropped differently

Figma (design)
figma
Live site
site

Figma shows the white note card plus a torn paper strip clearly in the lower-right of the hero. On the site the card appears smaller and lower, and the torn-paper decorative element is largely cut off below the visible band.

Reposition the decorative note card and torn-paper layer to match Figma placement and ensure they sit fully within the hero band.
V2-30MediumHomeDesktopStylingHero CTAsvs Figma

CTA buttons smaller and narrower than Figma

Figma (design)
figma
Live site
site

Figma 'SHOP NEW' and 'SHOP SANDALS' are wide rectangular buttons with generous width and spacing. The site buttons are noticeably narrower/shorter with tighter padding.

Increase button min-width and horizontal/vertical padding to match Figma button proportions.
V2-31MediumHomeDesktopLayoutShop by Categoryvs Figma

Women's/Men's/Kid's tab toggle position and styling differ

Figma (design)
figma
Live site
site

Figma places the W/M/K segmented toggle on the right, aligned with the section title row, with a light pill track and dark active pill. The site shows the toggle but it sits higher and overlaps the preview bar region; active pill styling and placement relative to the title differ.

Align the category tab toggle to the same row/right-position as Figma and match the pill track and active-state colors.
V2-32MediumHomeDesktopContentShop by Categoryvs Figma

'NEW ARRIVALS' label wraps to two lines on the site

Figma (design)
figma
Live site
site

Figma shows 'NEW ARRIVALS' on a single line over its tile. On the site the label wraps to two lines ('NEW' / 'ARRIVALS'), indicating tighter tile width or larger label size.

Reduce label font-size or widen the tile so 'NEW ARRIVALS' fits on one line, matching Figma.
V2-33MediumHomeDesktopStylingVIEW ALL buttonvs Figma

VIEW ALL button border/fill style differs

Figma (design)
figma
Live site
site

Figma's VIEW ALL button is a thin black outline on white with tight padding. The built site renders it with a heavier/darker outlined box and slightly larger padding, giving a chunkier appearance.

Match the button border weight and padding to the Figma spec (thin 1px outline, tighter padding).
V2-34MediumHomeDesktopStylingSummer Essentials headingvs Figma

"SUMMER ESSENTIALS" heading rendered larger / wider

Figma (design)
figma
Live site
site

In Figma the "SUMMER ESSENTIALS" headline fits comfortably within the centered content column with margin on both sides. In the built site the same headline is noticeably larger and stretches nearly the full content width, changing the proportion relative to the eyebrow text.

Reduce the heading font-size to match Figma proportions so it sits centered with side margins.
V2-35MediumHomeDesktopLayoutALL DAY COMFORT / CITY SUMMER promo tilesvs Figma

Headline + button overlay arrangement changed

Figma (design)
figma
Live site
site

In Figma the overlay text sits on one line ('ALL DAY COMFORT', 'CITY SUMMER') with the SHOP NOW button tucked beside it on the same baseline near the right edge. On the site the heading wraps to two lines ('ALL DAY / COMFORT') and the SHOP NOW button is pulled up and centered vertically next to the heading rather than aligned to the bottom-left as in Figma.

Match Figma: keep headline on a single line (or allow more width), pin the heading+button group to the bottom-left of the tile, and align the SHOP NOW button to the heading baseline.
V2-36MediumHomeDesktopLayoutALL DAY COMFORT / CITY SUMMER promo tilesvs Figma

Tile vertical crop is taller / shows more of image top

Figma (design)
figma
Live site
site

The site tiles appear cropped higher and taller than Figma, exposing more of the upper part of each photo (e.g. more of the pink dress model's torso and more wall/planter behind the denim model) and pushing the overlay caption lower. Figma tiles are shorter with the caption band closer to the visible bottom.

Adjust tile aspect ratio / image object-position to match Figma's crop so the same portion of each photo is shown and caption placement aligns.
V2-37MediumHomeDesktopLayoutMADE TO FEEL BETTER bannervs Figma

Headline wraps to 'MADE TO FEEL / BETTER' instead of 'MADE TO / FEEL BETTER'

Figma (design)
figma
Live site
site

Figma breaks the heading as 'MADE TO' / 'FEEL BETTER' (two lines). The site breaks it as 'MADE TO FEEL' / 'BETTER', changing the line composition and the heading width.

Constrain heading width or insert the intended line break so it reads 'MADE TO' / 'FEEL BETTER' as in Figma.
V2-38MediumHomeDesktopLayoutMADE TO FEEL BETTER benefit cardsvs Figma

Benefit cards larger/wider with looser text wrapping

Figma (design)
figma
Live site
site

Figma's four feature cards are compact with body copy wrapping to two short lines (e.g. 'Comfort from the / very first step', 'Moves with you / all day', 'From errands to / nights out'). On the site the cards are wider/taller and copy wraps differently ('Comfort from the very / first step', 'Moves with you all day' on one line, 'From errands to nights / out'), and the card grid sits lower/larger relative to the banner.

Match Figma card dimensions, padding, and max text width so line breaks and overall card sizing align with the design.
V2-39MediumHomeDesktopStylingMost Loved - tab togglevs Figma

Best Sellers / New Arrivals tabs lose pill container styling

Figma (design)
figma
Live site
site

In Figma the toggle is a single white rounded pill containing both 'BEST SELLERS' (active, white chip) and 'NEW ARRIVALS' tabs sitting together. On the site the two tabs appear as separate pink/white blocks without the unified white container, changing the look of the toggle.

Wrap both tabs in the single white rounded pill container with the active tab as an inset chip, matching Figma.
V2-40MediumHomeDesktopContentMost Loved - product titlesvs Figma

Lane card title wraps to two lines

Figma (design)
figma
Live site
site

In Figma 'LANE CORK FOOTBED SANDAL' fits on a single line. On the site the same title wraps onto two lines ('LANE CORK FOOTBED / SANDAL'), pushing the price and rating rows down and misaligning card content versus the adjacent card.

Match card width/typography so titles fit on one line as in Figma, or set consistent title height to keep price/rating rows aligned across cards.
V2-41MediumHomeDesktopImageryMost Loved - product photo backgroundvs Figma

Product image tiles show a different inner background treatment

Figma (design)
figma
Live site
site

Figma product images sit on the card's pale background with no visible inner frame. On the site each product photo sits in a distinct lighter rounded inner tile/box, adding an extra framed container not present in the design.

Remove the inner white tile behind the product photo (or match its fill to the card background) so the image floats on the card as in Figma.
V2-42MediumHomeDesktopStylingMost Loved - carousel arrowsvs Figma

Carousel navigation arrows styled differently

Figma (design)
figma
Live site
site

Figma shows two horizontal arrows below the cards: a faint left arrow and a bold solid black right arrow, no outlines. On the site both arrows are thin outlined arrows of similar weight (left grey, right black) with a longer line style, losing the bold filled right-arrow emphasis.

Restyle the right arrow as the bold solid arrow and the left as the faded variant to match Figma's emphasis/weight.
V2-43MediumHomeDesktopLayoutSee What's Poppin buttonvs Figma

'See What's Poppin' button mispositioned and overlapped

Figma (design)
figma
Live site
site

In Figma the black 'SEE WHAT'S POPPIN' pill button sits on the left, clearly below the model image and separated from the carousel. On the site the button is shifted right and overlaps the bottom of the product carousel/model area, colliding with the cards instead of sitting clear in its own space.

Reposition the button to the left/lower area clear of the carousel as in Figma.
V2-44MediumHomeDesktopLayoutCUSHIONAIRE / STYLE marquee bandvs Figma

Repeating CUSHIONAIRE text band starts higher / different alignment

Figma (design)
figma
Live site
site

Figma shows a single large 'CUSHIONAIRE' wordmark line above 'STYLE' with the band beginning lower. On the site two 'CUSHIONAIRE' instances are visible on one line (a scrolling marquee row) positioned higher, changing the vertical rhythm of this decorative band versus the design crop.

Verify the marquee row count and vertical start position match the Figma band; adjust spacing so the wordmark/STYLE stack aligns with the design.
V2-45MediumHomeDesktopLayoutLOVED BY 10M+ CUSTOMERS headingvs Figma

Headline wraps to two lines instead of one

Figma (design)
figma
Live site
site

Figma renders 'LOVED BY 10M+ CUSTOMERS' on a single line spanning the content width. The site wraps it to two lines ('LOVED BY 10M+' / 'CUSTOMERS'), implying the font is too large or the container too narrow.

Reduce the heading font-size or widen its container / set white-space:nowrap so the headline stays on one line as in Figma.
V2-46MediumHomeDesktopLayoutTestimonial cardsvs Figma

Testimonial images are smaller / cards more compact than Figma

Figma (design)
figma
Live site
site

Figma shows tall, large lifestyle photos with the quote card directly below filling the column width. The site renders noticeably smaller photos and narrower quote cards with extra horizontal whitespace between columns, reducing visual scale of the section.

Increase image height and card width to match Figma proportions; reduce inter-column gap so cards fill the content area.
V2-47MediumHomeDesktopLayoutComfort Looks This Good (hero banner)vs Figma

Heading wraps to three lines instead of two

Figma (design)
figma
Live site
site

Figma sets 'COMFORT LOOKS THIS GOOD' on two lines ('COMFORT LOOKS' / 'THIS GOOD'). The site wraps it to three lines ('COMFORT' / 'LOOKS THIS' / 'GOOD'), indicating a smaller text column width or larger relative font size.

Widen the text block / reduce wrapping so the headline breaks as 'COMFORT LOOKS' + 'THIS GOOD' to match Figma.
V2-48MediumHomeDesktopImageryVideo carouselvs Figma

Carousel navigation arrows are plain, not the styled pink/peach arrows

Figma (design)
figma
Live site
site

Figma shows the left and right nav arrows as soft peach/pink colored arrows (left lighter, right a stronger coral). The site renders thin, plain gray/neutral arrows with no color treatment.

Apply the peach/coral arrow styling from Figma to the carousel nav arrows.
V2-49MediumHomeDesktopLayout#CUSHIONAIRE Instagram galleryvs Figma

Gallery tiles are taller/larger and overflow viewport on site

Figma (design)
figma
Live site
site

Figma shows 5 evenly-sized square-ish tiles fitting neatly within the page width with consistent gutters. The site renders the tiles noticeably taller and wider, with the 5th tile (denim) bleeding off the right edge and the tiles extending past the container, breaking the tidy 5-up grid.

Constrain the gallery row to the same max-width and tile aspect ratio as Figma so all 5 tiles fit within the container with equal gutters and no horizontal overflow.
V2-50MediumHomeMobileContentAnnouncement barvs Figma

Announcement bar messages differ from Figma

Figma (design)
figma
Live site
site

Figma announcement bar reads 'Free shipping over $x | 45-Day Free Re...'. The site shows '+ Happy Customers | Free shipping over $x' — a different/extra message ('Happy Customers') and the '45-Day Free Returns' message is not visible.

Align announcement bar copy and message order to the Figma content (Free shipping, 45-Day Free Returns).
V2-51MediumHomeMobileImageryHerovs Figma

Hero background extends with no dark base band present in Figma

Figma (design)
figma
Live site
site

Figma hero has a solid dark/black band at the bottom of the hero section behind the buttons. On the site the hero photo continues to the bottom with no dark base band, and the buttons sit directly over the lighter photo area.

Add the dark hero base band behind the headline/CTA area to match Figma, ensuring button/text contrast matches the design.
V2-52MediumHomeMobileStylingSHOP BY CATEGORY - headingvs Figma

'SHOP BY CATEGORY' heading color is muted pink instead of dark

Figma (design)
figma
Live site
site

Figma renders 'SHOP BY CATEGORY' in a dark near-black color. The site renders it in a light dusty-pink/rose color, noticeably lower contrast and a different accent than the design.

Set the section heading color to the dark value from Figma; reserve the pink accent only where the design specifies it (e.g. the 'COMFORT' hero word).
V2-53MediumHomeMobileStylingSummer Essentials headingvs Figma

Heading letter-spacing too tight on site

Figma (design)
figma
Live site
site

Figma's 'SUMMER ESSENTIALS' has noticeably wide letter-spacing/tracking spanning the full width. The site version is condensed with tighter tracking, changing the look and contributing to the line wrap.

Match the Figma tracking (increase letter-spacing) on the SUMMER ESSENTIALS heading.
V2-54MediumHomeMobileStylingMade To Feel Bettervs Figma

Feature card accent underline color/style mismatch

Figma (design)
figma
Live site
site

Figma shows a hand-drawn blue brush-scribble underline beneath each card label (SOFT FEEL, LIGHTWEIGHT, etc.). The site renders a plain solid straight blue line/bar instead of the textured scribble stroke.

Use the Figma scribble/brush underline asset (SVG) under each card heading instead of a flat solid rule.
V2-55MediumHomeMobileImageryMade To Feel Bettervs Figma

Lifestyle photo crop/subject differs

Figma (design)
figma
Live site
site

Figma's photo is tightly cropped on the seated woman with the raffia sandal prominent in the lower-left foreground against a warm beige floor. The site photo is zoomed out, showing more of the woman and a lighter/cooler framing with extra whitespace, so the focal point (the platform sandal) is less prominent.

Match the Figma crop/zoom so the raffia platform sandal is the foreground focal point and the warm beige tone is preserved.
V2-56MediumHomeMobileImageryMOST LOVED product cardvs Figma

Product image has visible inner border/frame box

Figma (design)
figma
Live site
site

Figma shows the sandal photo bleeding cleanly into the card with no inner frame. The site renders a visible rectangular outline/box around the product image (a placeholder-style bordered frame).

Remove the inner image border/frame; let the product photo fill the image area cleanly as in Figma.
V2-57MediumHomeMobileStylingMOST LOVED product cardvs Figma

Star rating color differs

Figma (design)
figma
Live site
site

Figma renders the 4.3 review stars in a light blue/periwinkle accent. The site renders the stars in plain black/dark gray.

Apply the Figma star accent color (light blue) to the rating stars.
V2-58MediumHomeMobileImageryTestimonial card imagevs Figma

Customer photo cropped shorter on site

Figma (design)
figma
Live site
site

In Figma the model photo is tall (full seated figure including the black wedge sandals at the bottom is visible within the card). On the site the photo is cropped much shorter so the sandals/feet are largely hidden behind the pink review panel and the image area is reduced.

Increase the image height / adjust crop so the full seated figure incl. footwear is visible as in Figma.
V2-59MediumHomeMobileStylingTestimonial quote textvs Figma

Quote line-width / wrapping differs

Figma (design)
figma
Live site
site

Figma wraps the quote across ~5 lines with wider line measure ('The style of these heels was perfect for me since / I'm not a big heel girly, but they were comfortable / enough for me. I wore these for my birthday / pictures and loved them.'). The site wraps the same copy into a narrower column (~7 short lines), indicating the review panel/text column is narrower than the design.

Widen the review text container (or reduce side padding) so the quote wraps with the same measure as Figma.
V2-60MediumHomeMobileLayoutTrending Now headingvs Figma

Eyebrow heading wraps to two lines on site

Figma (design)
figma
Live site
site

Figma shows 'THE INTERNET CAN'T STOP TALKING' on a single line above the carousel. On the site the same eyebrow text wraps onto two lines ('THE INTERNET CAN'T STOP' / 'TALKING'), and 'TRENDING NOW' also wraps to two lines whereas Figma keeps it on one line. This makes the heading block noticeably taller.

Reduce the eyebrow and 'TRENDING NOW' font-size at the mobile breakpoint (or reduce letter-spacing / allow nowrap) so each renders on a single line as in Figma.
V2-61MediumHomeMobileStylingComfort Icons - card containervs Figma

Product card has visible rounded border/outline on site, flat panel in Figma

Figma (design)
figma
Live site
site

On the site each product card sits inside a white rounded-corner container with a visible light border/outline. In Figma the card image area sits on a flat light panel without a pronounced bordered card outline around the whole tile.

Match the card container treatment to Figma - remove the extra bordered card wrapper or align corner radius/border to the design.
V2-62MediumHomeMobileImageryComfort Icons - product imageryvs Figma

Product image scale/framing differs

Figma (design)
figma
Live site
site

In Figma the hero product (Pool Jelly Slide) fills the card width and is large/edge-to-edge. On the site the LANE CORK and HANA CLOG product photos are small, centered, and float on a large empty image area with significant surrounding whitespace.

Increase product image size to fill the card area as in Figma, reducing the empty padding around the photo.
V2-63MediumHomeMobileImagery#CUSHIONAIRE UGC galleryvs Figma

SHOP THE LOOK tag present on site, not visible in Figma band

Figma (design)
figma
Live site
site

The site overlays a peach 'SHOP THE LOOK' button/tag on the first lifestyle image in the #CUSHIONAIRE gallery. In the Figma band the corresponding lifestyle image shows no such overlay tag.

Confirm against the full Figma design whether the SHOP THE LOOK overlay belongs here; if not in the design, remove it or align placement/styling.
V2-64MediumHomeMobileImageryShop the Look carouselvs Figma

Carousel arrow navigation missing

Figma (design)
figma
Live site
site

Figma shows left (black) and right (coral/orange) arrow controls beneath the carousel. The site shows no visible carousel arrows in this band.

Add the left and right arrow navigation controls with the coral accent on the active/next arrow as in Figma.
V2-65MediumHomeMobileLayoutWEAR THE FEELING stickervs Figma

Sticker note overlaps and is clipped at top of footer

Figma (design)
figma
Live site
site

Figma places the 'WEAR THE FEELING' sticker note as a tidy tilted card sitting above the dark footer with full text visible. On the site the sticker is pushed down into the footer, clipped at the top ('WEAR THE' partially cut), and overlapping awkwardly.

Adjust vertical positioning/margins so the full sticker is visible above the footer with proper clearance, matching Figma.
V2-66MediumHomeMobileContentFooter - KEEP IN TOUCHvs Figma

KEEP IN TOUCH body text truncated/clipped on right edge

Figma (design)
figma
Live site
site

Figma shows the KEEP IN TOUCH paragraph fully wrapped within the column ('Tag us in your posts or use #CUSHIONAIRE for a chance to be featured on our official social accounts.'). On the site the paragraph overflows the viewport on the right and is cut off ('...for a chance to be featured on our officia social accounts').

Constrain the KEEP IN TOUCH text column width so the paragraph wraps within the viewport instead of being clipped.
V2-67MediumHomeMobileStylingFooter - payment iconsvs Figma

Payment methods shown as text chips instead of brand logos

Figma (design)
figma
Live site
site

Figma displays payment methods as colored brand logo badges (Discover, PayPal, Google Pay, Mastercard, Amazon, Amex, Shop Pay, Venmo, Visa, Diners, Apple Pay). The site renders them as plain bordered text chips with abbreviated labels (Amazon, Amex, Apple Pay, Diners, Discover, G Pay, MC, PayPal, Shop, Venmo, VISA).

Render payment methods as the brand logo icons matching Figma rather than text-label chips.
V2-68LowHomeDesktopStylingAnnouncement barvs Figma

Announcement bar background color differs

Figma (design)
figma
Live site
site

Figma shows a dark brown/taupe announcement bar (warm tone matching the brand palette). The site renders it near-black. The brand warm-brown tint is lost.

Set the announcement bar background to the warm brown from Figma rather than pure black/near-black.
V2-69LowHomeDesktopStylingHeader / Navvs Figma

Header icon set differs (wishlist heart vs none)

Figma (design)
figma
Live site
site

Figma header shows search, a heart/wishlist icon with badge, a bag/cart with badge, and account. The site shows search, heart, bag, account similarly but icon styling/weights look slightly heavier on the site. Minor.

Confirm icon family and stroke weight match Figma; align badge styling.
V2-70LowHomeDesktopStylingHerovs Figma

'COMFORT' accent color tone

Figma (design)
figma
Live site
site

Both render 'COMFORT' in a dusty pink, but the site pink looks slightly lighter/more washed than Figma's. Minor.

Verify the accent pink hex matches the Figma token exactly.
V2-71LowHomeDesktopImageryShop by Categoryvs Figma

Category tile images appear consistent

Figma (design)
figma
Live site
site

Tile photos (clogs, sandals, slides, new arrivals, best sellers) match between Figma and site in subject and order. No defect; noted for completeness.

No action.
V2-72LowHomeDesktopContentSummer Essentials eyebrow textvs Figma

Eyebrow punctuation differs: colon vs semicolon

Figma (design)
figma
Live site
site

Figma eyebrow reads "VACATION MODE: ON" (colon). The built site renders "VACATION MODE; ON" (semicolon).

Change the separator to a colon to match the Figma copy.
V2-73LowHomeDesktopLayoutSummer Essentials grid — Vocation Mode tilevs Figma

"VOCATION MODE" label wraps to two lines

Figma (design)
figma
Live site
site

In Figma the tile label "VOCATION MODE" sits on a single line. In the built site it wraps to two lines ("VOCATION" / "MODE"), indicating the label font-size or tile text width differs.

Reduce label font-size or adjust container width so the label stays on one line as in Figma.
V2-74LowHomeDesktopStylingSummer Essentials grid — SHOP NOW buttonsvs Figma

SHOP NOW button slightly larger / repositioned

Figma (design)
figma
Live site
site

The built site's SHOP NOW buttons appear marginally larger and the Vocation Mode button sits lower relative to its label due to the two-line wrap, versus Figma's single-line layout with a compact button aligned to the label baseline.

Match button size and vertical alignment to Figma once the label wrap is fixed.
V2-75LowHomeDesktopLayoutMADE TO FEEL BETTER bannervs Figma

Heading/card cluster positioned lower in the banner

Figma (design)
figma
Live site
site

On the site the heading and the 2x2 card grid sit lower and the whole content block is shifted down vs Figma where the heading starts higher and cards are vertically centered against the model.

Adjust vertical padding/alignment of the text+card column to match Figma's higher placement.
V2-76LowHomeDesktopLayoutWalk Your Mood stickervs Figma

'WALK YOUR MOOD' sticker placement and scale differs

Figma (design)
figma
Live site
site

Figma places the 'WALK YOUR MOOD' note card centered above the CUSHIONAIRE/STYLE band, sitting clearly over the model image. On the site it sits lower and further left, overlapping the model's foot and the See What's Poppin button area, at a slightly different scale.

Align the sticker position and scale to Figma's placement so it doesn't collide with the foot/button.
V2-77LowHomeDesktopLayoutLOVED BY 10M+ CUSTOMERS headingvs Figma

Headline left-alignment / horizontal position differs

Figma (design)
figma
Live site
site

In Figma the headline starts near the far-left edge of the page. On the site it is indented inward and centered under the eyebrow, shifting the whole block right.

Align the headline's left edge to match Figma (start near page gutter rather than centered).
V2-78LowHomeDesktopLayoutTestimonial cardsvs Figma

Extra carousel arrows present below cards on site

Figma (design)
figma
Live site
site

The site shows left/right navigation arrows centered beneath the three testimonial cards. Figma (this band) shows no carousel arrows under the cards.

Confirm against design intent; if Figma has no carousel control here, remove the arrows or hide them on desktop where all three cards are visible.
V2-79LowHomeDesktopStylingTestimonial cardsvs Figma

Star rating color/weight slightly differs

Figma (design)
figma
Live site
site

Figma stars appear solid black and tightly kerned. Site stars render with slightly more spacing; otherwise close. Minor treatment difference only.

Match star icon size/spacing to Figma; verify star glyph weight is identical.
V2-80LowHomeDesktopLayoutComfort Looks This Good (hero banner)vs Figma

Eyebrow line wraps to two lines

Figma (design)
figma
Live site
site

Figma renders the eyebrow 'YOUR NEXT FAVORITE PAIR JUST ARRIVED.' on a single line. On the site it wraps to two lines ('YOUR NEXT FAVORITE PAIR JUST' / 'ARRIVED.').

Increase the available width or slightly reduce eyebrow font size so it stays on one line as in Figma.
V2-81LowHomeDesktopStylingComfort Looks This Good (hero banner)vs Figma

SHOP NEW button slightly smaller/narrower

Figma (design)
figma
Live site
site

The pink SHOP NEW CTA button on the site appears marginally narrower with tighter padding than the wider button in Figma; proportionally minor but noticeable against the same text column.

Match button width/horizontal padding to the Figma spec so the CTA fills the same relative width under the body copy.
V2-82LowHomeDesktopLayoutTrending Now (section header)vs Figma

Trending tiles cropped differently between renders

Figma (design)
figma
Live site
site

The overlapping bottom row of TRENDING NOW video tiles shows different vertical crop — likely just due to band boundary offset rather than a true defect, but the right-hand shoe tile shows visible CUSHIONAIRE watermark text overlaid on the shoes in the site render which is fainter/positioned higher in Figma.

Verify the trending tile thumbnails and watermark placement against Figma in the next band; confirm crop and overlay opacity match.
V2-83LowHomeDesktopStylingCOMFORT ICONS tabsvs Figma

Best Sellers / New Arrivals toggle position differs slightly

Figma (design)
figma
Live site
site

Figma places the Best Sellers / New Arrivals toggle aligned to the right edge near the heading baseline. On the site it sits lower and further right due to the heading wrapping; styling otherwise matches.

Re-align the toggle to the design position once the heading is fixed to one line.
V2-84LowHomeDesktopStyling#CUSHIONAIRE Instagram galleryvs Figma

SHOP THE LOOK button corners/padding differ

Figma (design)
figma
Live site
site

Figma's SHOP THE LOOK pill on the first tile sits flush at the bottom-left with squared lower-left corner. On the site the button is more rounded and inset with extra margin from the tile edge.

Match button corner radius and offset to Figma (flush to tile bottom-left, less inset).
V2-85LowHomeDesktopStylingSection backgroundvs Figma

Band above gallery is beige on site vs white in Figma

Figma (design)
figma
Live site
site

In Figma the area above the #CUSHIONAIRE heading (where the prior section's cards end) is white. On the site there is a beige/tan band filling that space above the gallery.

Confirm the section background; set it to white to match Figma if the beige is unintended carryover from the preceding section.
V2-86LowHomeDesktopImageryFooter payment methodsvs Figma

Payment method icons rendered as text-label chips instead of brand logos

Figma (design)
figma
Live site
site

Figma shows colored brand payment badges (Amazon, Amex, Apple Pay, Diners, Discover, Google Pay, Mastercard, PayPal, Shop Pay, Venmo, Visa) as recognizable logo icons. The site shows plain bordered chips with text labels (Amazon, Amex, Apple Pay, Diners, Discover, G Pay, MC, PayPal, Shop, Venmo, VISA), lacking the colored brand artwork.

Replace text-label chips with the actual colored payment brand SVG icons used in Figma.
V2-87LowHomeDesktopImageryFooter 'WEAR THE FEELING' stickervs Figma

Sticker tilt/arrow styling differs

Figma (design)
figma
Live site
site

Figma's WEAR THE FEELING note sticker is rotated with a hand-drawn arrow curving down-left. On the site the sticker appears more upright and the decorative arrow is less prominent/cropped.

Match sticker rotation angle and ensure the curved arrow decoration is fully visible as in Figma.
V2-88LowHomeMobileStylingHerovs Figma

'COMFORT' accent word is lighter/more washed-out than Figma

Figma (design)
figma
Live site
site

Figma's 'COMFORT' uses a peachy/tan tone with a gradient fade. The site renders 'COMFORT' in a paler pink that reads more washed out and less saturated than the design.

Match the 'COMFORT' fill color/gradient to the Figma swatch for correct saturation.
V2-89LowHomeMobileLayoutHero - speech bubblevs Figma

'COOL. CALM. CUSHIONED.' bubble rotation/position differs

Figma (design)
figma
Live site
site

Figma shows the hand-written speech bubble rotated/tilted more steeply and positioned higher-left over the model. The site bubble is flatter (less rotation) and sits slightly differently.

Match the rotation angle and placement of the speech-bubble decorative element to Figma.
V2-90LowHomeMobileContentHeader / dev bannervs Figma

Theme draft banner overlaps content (build artifact)

Figma (design)
figma
Live site
site

The site shows a 'Troopod Agent — TROOPODTEST-16 / Draft' bar below the hero that is not in Figma. This is an unpublished-theme preview banner, not a real design element.

Ignore for design parity (preview artifact); confirm it does not ship in the published theme.
V2-91LowHomeMobileImageryHeadervs Figma

Header adds an account icon not shown in Figma top bar

Figma (design)
figma
Live site
site

The site header includes an account/person icon at the far right. Figma's header shows hamburger, search, wishlist (heart, 0), and cart (0) but no account icon in this crop.

Verify whether the account icon belongs per design; remove if it is not in the header spec.
V2-92LowHomeMobileStylingVIEW ALL buttonvs Figma

VIEW ALL button border weight differs

Figma (design)
figma
Live site
site

Figma's VIEW ALL button has a thin, crisp 1px outline. On the site the button outline appears slightly heavier/darker with marginally larger padding.

Confirm border width (1px) and padding match the Figma spec for the VIEW ALL outline button.
V2-93LowHomeMobileImageryVacation Mode beach herovs Figma

Beach hero image crop/zoom slightly tighter on site

Figma (design)
figma
Live site
site

Compared to Figma, the site's beach hero image appears marginally more zoomed/cropped (model and slides sit slightly larger in frame). Minor framing difference.

Verify the hero image object-fit/position and aspect ratio match Figma so the crop is identical.
V2-94LowHomeMobileStylingMade To Feel Bettervs Figma

Feature card heading weight/size slightly heavier on site

Figma (design)
figma
Live site
site

The card labels (SOFT FEEL, LIGHTWEIGHT, ALL-DAY WEAR, EFFORTLESS STYLE) appear slightly larger and bolder on the site than in Figma, where the italic display labels are a touch lighter and smaller relative to the body text.

Verify the card heading font-size/weight token against Figma and reduce if it renders heavier.
V2-95LowHomeMobileStylingMOST LOVED product cardvs Figma

Color swatch palette differs

Figma (design)
figma
Live site
site

Figma swatches read as black, dark gray, light gray, tan. The site swatches read as black, tan/beige, light gray, tan, with slightly different ordering/tones.

Match swatch colors and order to the Figma variant chips.
V2-96LowHomeMobileStylingCarousel arrowsvs Figma

Prev/next arrow weight & color differ slightly

Figma (design)
figma
Live site
site

Figma's carousel arrows: a darker/heavier left arrow and a peach/pink right arrow. The site shows both arrows in a uniform light peach/pink thin stroke, losing the active/inactive (dark vs peach) contrast shown in Figma.

Match arrow states: render the active arrow darker as in Figma rather than both in the same light peach stroke.
V2-97LowHomeMobileStylingTrending Now headingvs Figma

TRENDING NOW headline oversized on site

Figma (design)
figma
Live site
site

In Figma 'TRENDING NOW' is a moderate-sized peach headline fitting on one line. On the site it is rendered much larger (forcing a 2-line wrap), visibly bigger than the Figma proportion relative to the eyebrow text.

Lower the 'TRENDING NOW' heading font-size on mobile to match the Figma scale so it sits on one line.
V2-98LowHomeMobileLayoutTrending Now video carouselvs Figma

Carousel arrows color/position differ slightly

Figma (design)
figma
Live site
site

Figma shows the prev/next arrows partially cut at the very bottom of the band; the site shows both peach arrows fully rendered below the carousel. Hard to confirm a true defect due to the ~one-section offset between captures, but the arrow treatment (left arrow peach, right arrow peach) appears consistent. Note only the spacing below the carousel before the arrows looks larger on the site.

Verify the gap between the carousel and the nav arrows matches Figma spacing tokens; tighten if the site gap is larger than the design.
V2-99LowHomeMobileContentComfort Icons - color swatchesvs Figma

Color swatch count placeholder '+ X colors'

Figma (design)
figma
Live site
site

Both Figma and the site show the literal placeholder text '+ X colors' next to the color swatches instead of a real number. This is a placeholder leak present in both, flag for content correctness.

Replace '+ X colors' with the actual remaining color count (e.g. '+ 3 colors').
V2-100LowHomeMobileStyling#CUSHIONAIRE UGC galleryvs Figma

Gallery image grid gap/proportion differs

Figma (design)
figma
Live site
site

Figma shows the gallery images with very tight/near-zero gaps in a tight grid. The site shows a visible gap between the lifestyle image tiles in the #CUSHIONAIRE grid.

Reduce the gallery grid gutter to match Figma's tight spacing.
V2-101LowHomeMobileStylingFooter - definition blockvs Figma

CUSHIONAIRE heading and definition typography smaller/lighter on site

Figma (design)
figma
Live site
site

Figma renders the 'CUSHIONAIRE' definition heading and dictionary body text more prominently. On the site the heading appears similar but the closing tagline 'Cushionaire. Defined by comfort.' present in Figma is not visible in the site band (likely truncated/missing).

Confirm the 'Cushionaire. Defined by comfort.' closing line is present and styled (bold + italic) as in Figma.
V2-102LowHomeMobileLayoutFooter - country selectorvs Figma

Country selector and 'Cushionaire / We accept' label placement differs

Figma (design)
figma
Live site
site

Figma stacks 'Cushionaire' / divider / 'We accept' to the left of the payment row, below the country selector. On the site 'Cushionaire' and 'We accept' appear inline to the right of the country selector, a different arrangement.

Match Figma layout: place the Cushionaire / We accept label adjacent to the payment row as designed.
V2-103LowHomeMobileLayoutFooter - giant wordmarkvs Figma

Giant CUSHIONAIRE wordmark not visible in site band

Figma (design)
figma
Live site
site

Figma band ends with the large oversized 'CUSHIONAIRE' wordmark spanning the full width at the page bottom. The site band cuts off before this element (page-height offset), so it cannot be confirmed present.

Verify the oversized CUSHIONAIRE wordmark is present at the page bottom with matching size/weight; treat as offset, confirm in next band.