v1 · original build, cushionaire.com (theme 159218696437) · 95 findings, Figma vs live, section by section, desktop + mobile, adversarially verified. ← all reports
Figma: 'STYLE MEETS COMFORT' headline is rendered as bold white text over the model photo with strong contrast. Site: the headline appears as a faint light-gray on a light background, nearly illegible, and 'COMFORT' is washed out. The hero loses its core readability.
Site: a '20% off your first order?' newsletter modal plus a 'We value your privacy' cookie banner cover the hero and obscure most of band 0 on initial load. Figma shows none of these overlays. They block the primary hero content and CTAs.
Figma shows each product card with a real product photo (sandal/clog on a tinted background). On the site, the card image area renders as a flat empty pink rectangle with no product image in any of the visible cards.
Figma shows three large lifestyle photos above each testimonial card (woman in white seated by the sea, woman in green dress on a blue-tiled bench, woman in denim on a chair). On the site these images are completely absent — there is a large empty white void between the heading and the testimonial cards where the photos should be.
Figma shows a full-bleed lifestyle photograph (woman seated on stone steps in white dress holding a straw tote, wearing brown heeled mules) occupying the right two-thirds of the band, with the text overlaid on the left. The site shows only a flat tan/beige background with no image at all.
Figma shows three populated video cards with real thumbnails (creator close-up with product, a jacket/bag flatlay, and white sneakers with 'The perfect spring sneaker!' caption), each with a play button and creator handle/caption text. The site renders three empty light-grey/beige boxes with only the play-button icon and no thumbnail image or caption text.
Figma shows three lifestyle photos (tortoise-buckle sandal close-up, beige/pink tote bag, cream sneakers) each with an overlaid caption. The site renders all three tiles as empty flat dusty-pink placeholder rectangles with only the caption text faintly visible. No imagery loads.
Figma shows each product card with a real product photo (jelly slide sandal, cork sandal, cork clog). The site renders every product card image area as a blank flat pinkish-grey rectangle with no product photo.
Figma shows five distinct lifestyle/UGC photos in the gallery (woman seated, amber sandals close-up, woman in greenery, brown sandals on wood, jeans with sandals). On the site every tile is an empty flat pink/blush placeholder with no imagery at all.
Figma shows a clean hero with model photo, sticker, headline STYLE MEETS COMFORT, subcopy and two CTAs visible. Site renders a 'want 20% off your first order?' email popup plus a 'We value your privacy' cookie consent modal stacked on top, completely obscuring the hero content on load.
Figma renders the section over a full-bleed warm-toned lifestyle photo (woman seated on floor wearing raffia platform sandals and jeans, tan/beige backdrop). The site shows the section on a plain white background with no photo at all.
Figma shows the carousel card with a real product photo (Pool Jelly Slide Sandal in amber/clear jelly). The site card (Lane Cork Footbed Sandal) renders an empty blank pink/grey rectangle with no product image at all.
Figma's testimonial slide leads with a large full-bleed lifestyle photograph (woman in white outfit and black wedge sandals seated on a terrace overlooking the sea) directly above the review card. On the site the slide has no image at all - only a bare review card sits on an empty white area where the photo should be.
Figma shows the active carousel slide filled with a video thumbnail (woman holding a tortoise jelly slide) and the adjacent slide with imagery. On the site, both the active slide and the peeking next slide are blank flat beige/pink fills with no image or video poster rendered at all.
Figma shows each product card with a photographed sandal on a light background (e.g. Pool Jelly Slide, Lane Cork Footbed). On the site the card image area is an empty flat beige/pink placeholder rectangle with no product photo.
Figma shows the #CUSHIONAIRE section filled with real lifestyle/UGC photos (woman seated on steps, sandal close-ups, outdoor shots). On the site every gallery tile is a flat empty beige/pink rectangle with no imagery.
Figma: 'STYLE' is white, 'COMFORT' is a warm tan/peach, 'SIMPLY ELEVATED' is a clear tan eyebrow label. Site: all text reads as muted gray with no peach/tan accent on 'COMFORT', losing the two-tone color treatment.
Figma shows the first card titled 'The signature edit' (no overlaid uppercase heading like the others have a real category name). The site shows the first card with heading 'LOREM' and subtext 'The signature edit'. 'LOREM' is leftover placeholder copy that should be a real category name.
Figma shows the 'MADE TO FEEL BETTER' section as a two-column layout: heading + 2x2 feature cards on the left, and a large photo of a seated model in a printed tube top and jeans filling the right half against a warm tan background. The site renders only the heading and feature cards on a flat tan background with the entire right half empty — the model photograph is absent.
Figma places the Most Loved section over a blue-textured lifestyle photo (model's legs wearing the woven sandals). The site renders the section on a flat blue-grey solid color with no background photo.
Figma's first three cards are Pool Jelly Slide Sandal, Lane Cork Footbed Sandal, Hana Cork Footbed Clog. The site shows Lane Cork Footbed Sandal, Pool Jelly Slide Sandal, Belinda Casual Sneakers — different products and a different order (Belinda replaces Hana Cork).
In Figma the large 'STYLE' headline is rendered in white. On the site the 'STYLE YOU'LL LIVE IN.' headline is black on the pink background.
In Figma the testimonial photos+cards sit directly under the heading as a continuous block. On the site the heading is at the top and the review cards are pushed far down the viewport, leaving a tall empty white band — a direct consequence of the missing images collapsing the layout.
In Figma the heading wraps as two lines ('COMFORT LOOKS' / 'THIS GOOD'). On the site it wraps as three lines ('COMFORT' / 'LOOKS THIS' / 'GOOD'), and the text column is wider/positioned differently because there is no image constraining the layout.
Figma overlays white captions on photos (e.g. 'Our latest color of the 90s jelly...', 'The perfect spring sneaker') with good contrast. On the site the captions sit as near-invisible light text on the pale pink placeholder, almost unreadable.
Figma shows three cards in order: Pool Jelly Slide Sandal, Lane Cork Footbed Sandal, Hana Cork Footbed Clog. The site shows four+ cards in different order: Lane Cork Footbed Sandal, Pool Jelly Slide Sandal, Belinda Casual Sneakers, Hana Cork Footbed Clog (with a fifth partially visible).
Figma hero shows eyebrow 'SIMPLY ELEVATED', large headline 'STYLE MEETS COMFORT', subcopy 'Shoes you actually want to wear...', and two buttons SHOP NEW / SHOP SANDALS. On the site these are entirely hidden behind the modals — none of the headline, subcopy, or buttons are confirmable.
Figma category cards have no text labels overlaid (clean product photos). Site overlays labels 'LOREM / The signature edit', 'PLATFORMS / Height with ease', 'SLIDE... / Soft ever...'. 'LOREM' is placeholder text and the labels don't appear in Figma.
Figma stacks the 'VOCATION MODE' heading and a white 'SHOP NOW' button vertically at the lower-left of the banner. The site instead places the heading at lower-left and the SHOP NOW button as a separate pill floated to the right on the same baseline, overlapping the model's body.
Figma renders SHOP NOW as a white bordered/filled button with dark text under the heading. The site renders it as a dark semi-transparent rounded pill with white text floated right.
Figma's Easy Summer banner shows only the centered-bottom 'EASY SUMMER' heading with no visible button. The site left-aligns 'EASY SUMMER' at the bottom and adds a dark SHOP NOW pill floated to the right, matching the (incorrect) Vacation Mode treatment.
Figma headline 'MADE TO FEEL BETTER' is white, set over the photo. The site renders it in dark/near-black text on white because the background image is absent.
Figma renders the product card on a light grey/off-white panel sitting over the blue section. The site renders the card area with a pink/blush fill and a pink border frame, not matching the Figma neutral card surface.
Figma's pink section leads with a black-and-white lifestyle photo of a woman cut into a large decorative 'S' shape above the 'YOU'LL LIVE IN.' headline. The site's pink section has no lifestyle image or S-cutout graphic — just the headline and body copy.
In Figma the testimonial card has a soft blush/pink fill with rounded corners. On the site the card is white (page background) with a thin border, losing the pink panel styling.
Figma shows the play-button icon overlaid on a populated video thumbnail. On the site the play button renders correctly but over a blank placeholder, confirming the slide media failed to load while the overlay chrome did not.
Figma shows the 'WEAR THE FEELING' note as a torn-paper sticker tilted clockwise, positioned to the right and overlapping the product-carousel section above, with a folded/curled corner and a separate torn tape piece on its lower-right. The site renders it as a near-flat, only slightly-tilted rectangular note placed inline next to the CUSHIONAIRE heading, with simple taped corners and no curled corner or separate torn tape element.
Figma: top scrolling announcement bar has a dark brown/taupe background. Site: the announcement bar is near-black/dark gray. The brand brown tone is not matched.
Figma: the section has an eyebrow 'STYLES FOR EVERY SEASON' above the large 'SHOP BY CATEGORY' title. Site: only 'SHOP BY CATEGORY' is visible (the eyebrow may be obscured by the cookie banner). Cannot confirm it renders.
Figma category thumbnails are clean product photos with only small subtext captions (e.g. 'The signature edit', 'Height with ease', 'Soft everyday pairs', 'Fresh for spring', 'Customer favorites') and no large uppercase heading. The site adds a dark gradient overlay plus bold uppercase headings (LOREM, PLATFORMS, SLIDES, NEW ARRIVALS, BEST SELLERS) over each photo.
Figma renders 'SUMMER ESSENTIALS' as a solid bold pink/salmon wordmark. The site renders it lighter/more washed-out pink with what appears to be a thinner or outline-like treatment, reducing contrast and prominence.
Figma stacks the heading as 'MADE TO' / 'FEEL BETTER' (break after 'TO'). The site wraps it as 'MADE TO FEEL' / 'BETTER' (break before 'BETTER'), changing the line composition.
Figma's 'MADE TO FEEL BETTER' heading is a clean bold sans-serif with moderate weight. The site renders it in a much heavier, condensed/extended ultra-bold display face that looks visually different (heavier and more compressed).
Figma shows all visible cards at $44.99 (was $64.99). The site shows varying real prices: Lane Cork $34.99 ($49.95), Pool Jelly $44.99 ($64.99), Belinda $59.99 ($89.99).
Figma places the prev/next arrows centered below the cards near the page middle. On the site the arrows sit at the far right edge of the carousel row, in line with the 'SEE WHAT'S POPPIN' button.
Figma's review cards are tall blocks (photo + generous card with star, quote, name). On the site the cards are short, compressed pink rectangles because the photo portion is gone, changing the intended proportions and visual weight.
The site band has substantial empty tan space below the SHOP NEW button before the next section, whereas Figma's band is tightly cropped to the photo height with the content vertically balanced against the image.
Figma cards include caption text and creator attribution (e.g. 'The perfect spring sneaker!', '- Fortuna...'). The site cards show no caption or handle overlay.
Figma cards read placeholder '+ X colors'. The site shows resolved real values ('+ 13 colors', '+ 4 colors', '+ 3 colors', '+ 14 colors'). This is the site being more complete than the Figma mock, but the swatch dots and counts diverge from the design's intended placeholder state.
In Figma the gallery row runs nearly edge-to-edge (first and last tiles touch the viewport edges). On the site the gallery is inset with visible left/right margins, leaving white gutters on both sides.
In Figma 'KEEP IN TOUCH' renders fully on its own line with the rotated 'WEAR THE FEELING' sticker badge positioned above it at the section's top-left. On the site the badge sits directly over the heading, clipping it to 'KE...' so the heading is unreadable.
Figma renders the sticker copy as three stacked lines 'COOL. CALM. CUSHIONED.' On the site the sticker shows it as a single line 'COOL. CALM. CUSHIONED.' with different rotation/scale.
Figma top bar shows 'Free shipping over $x | 45-Day Free Re...'. Site shows '...Returns | 10M+ Happy Customers | Free shipping over $75'. Different message set and order.
Figma's Vacation Mode banner is a tall, near-square hero showing the full seated model. The site crops it to a much shorter landscape band, cutting off the lower body and sandals visible in Figma.
Figma shows a tall banner with the full seated model and plant. The site compresses it to a short landscape band, cropping the lower portion of the image.
Figma shows two plain horizontal line-arrow icons (left and right) below the cards. The site renders circular outlined buttons containing chevron glyphs.
Figma stacks the headline across three lines (MADE / TO FEEL / BETTER) large and left-aligned over the photo. The site renders it as a single centered line at smaller scale.
In Figma the four feature cards (Soft Feel, Lightweight, All-Day Wear, Effortless Style) are white cards floating over the photo, giving strong contrast. On the site they sit on white, so the card edges/shadows are barely distinguishable.
Figma shows the 'MOST LOVED' heading and the BEST SELLERS / NEW ARRIVALS toggle tabs directly above the carousel. The site band shows the carousel cards without the heading or tab toggle visible in this crop.
Figma shows large arrows: a faint grey left arrow and a bold solid black right arrow, centered below the card. The site shows two small thin outline arrows aligned to the right next to the 'SEE WHAT'S POPPIN'' button, a different size, weight, and position.
Figma headline reads 'YOU'LL LIVE IN.' The site headline reads 'STYLE YOU'LL LIVE IN.' with a 'WALK YOUR MOOD' sticker overlapping it, changing the wording and adding a decoration not present in Figma.
Figma body text ('From slow mornings to spontaneous nights out, Cushionaire brings effortless comfort...') is centered under the headline. The site body copy is left-aligned.
Figma renders the 5-star rating as solid black stars. On the site the stars appear lighter/thinner (outline-weight) and less prominent, reducing emphasis.
Figma shows the attribution as an en-dash directly before the name ("- LISETTE G.") in bold. On the site it is rendered as an em-dash with surrounding spacing ("— LISETTE G."), a different glyph and spacing treatment.
Figma renders the caption 'Our latest color of the 90s jelly slide!! Tortoise' as light text over the darker video image. On the site the same caption sits on a pale blank fill, indirectly confirming the background image is missing.
In Figma the sticker sits above the footer divider, overlapping the carousel area. On the site the sticker sits beside the 'CUSHIONAIRE' footer heading, overlapping it and pushing into the footer copy area.
Figma presents two footer link columns with no section headers (links Track my order / Start a return / Search / Contact / About / Gift Cards and Shipping / Return / Privacy / Terms / Careers begin directly). The site adds bold 'HELP' and 'POLICY' headers above each column.
Figma includes a closing tagline line 'Cushionaire. Defined by comfort.' below the suffix definition. This line is absent on the site, which ends at the suffix definition paragraph.
Figma: header right side shows search, cart, and account icons. Site: shows search, a heart/wishlist icon, cart, and account icons. An extra wishlist icon is present that is not in the Figma design.
Figma shows 'SHOP NOW' on the VOCATION MODE and EASY SUMMER tiles as white filled rectangular buttons with dark text. The site shows 'SHOP NOW' as plain white text with no button background/box.
The VOCATION MODE beach tile and EASY SUMMER tile show slightly different framing/zoom between Figma and site (model positioned/cropped differently), but content matches. Minor crop discrepancy only.
Figma wraps card copy onto two lines (e.g. 'Comfort from the / very first step', 'Moves with you / all day', 'From errands to / nights out'). The site renders each on a single line ('Comfort from the very first step', 'Moves with you all day', 'From errands to nights out') because the cards/columns are wider.
Figma renders the fourth card title as 'EFFORTLESS / STYLE' on two lines; the site renders it on a single line 'EFFORTLESS STYLE' due to wider card width.
Figma shows '+ X colors' placeholder text on every card. The site shows real counts (+13 colors, +4 colors, +3 colors).
Figma button reads 'SEE WHAT'S POPPIN'. Site reads 'SEE WHAT'S POPPIN'' with a trailing apostrophe.
Figma renders the attribution as '- LISETTE G.' (hyphen). The site uses an em dash '— LISETTE G.' for all three names. Minor typographic inconsistency vs Figma.
The site shows left/right arrow navigation controls (← →) centered below the three cards. The Figma band shows no such carousel arrows under the testimonials.
Figma's body paragraph sits over a darker photo region giving good contrast; on the site the light body text sits on the flat tan fill, reducing legibility. Same copy, but appearance differs due to the missing photo.
Figma header shows '4.8 ***** BASED ON 12,324 REVIEWS'. Site shows '4.8' with partially filled stars and same review count. Minor star-fill rendering difference; both present the rating.
Both show a 'BEST SELLERS' (dark) / 'NEW ARRIVALS' (light) toggle pill at the right of the heading. Layout matches; active/inactive styling appears consistent.
Figma tiles are taller portrait images filling the row height; site placeholder tiles appear shorter with extra surrounding whitespace, giving a smaller gallery band.
The site footer shows uppercase 'HELP' and 'POLICY' headings above the link columns. In the Figma the link columns have no visible heading labels (links start directly with Track my order / Shipping Policy).
Figma payment row shows Amazon, Amex, Apple Pay, Diners, Discover, Google Pay, Mastercard, PayPal, Shop Pay, Venmo, Visa. The site row shows a slightly different/reordered icon set (e.g. Amazon and Venmo not clearly present, ordering differs). Minor mismatch in the accepted-payments badge set.
Figma's first category card shows brown sneakers/sandals on a sand-toned set. Site's first card shows a different sneaker arrangement with overlay label. Content order/imagery does not align.
Both show heart and bag icons with '0' badges; layout closely matches. Minor difference in icon spacing and badge placement relative to logo.
Figma shows 'SUMMER ESSENTIALS' on a single line under the 'VACATION MODE: ON' eyebrow. The site wraps it to two lines ('SUMMER' / 'ESSENTIALS').
The site shows a large blank white gap beneath the feature cards before the Most Loved section; Figma fills that area with the lifestyle photo (sandal/jeans).
Figma 'MOST LOVED' header appears white over a blue-toned image band. The site renders it in pink on a light/white area. (Section is at the edge of the band; verify against the full Most Loved comparison.)
Figma card shows '+ X colors' (placeholder/variable count). The site card shows '+ 13 colors' / '+ X colors' — verify the placeholder 'X' is not shipping literally on any card.
Figma crop ends before showing a CTA in this section; the site shows a black 'GET COMFY' button. Verify the button label and presence match the full Figma design.
Figma's prev/next arrows are heavier with a clear pink rightward arrow and a darker left arrow. On the site the arrows are thinner line-style strokes. Minor but noticeable stroke-weight difference.
Figma shows 'THE INTERNET CAN'T STOP TALKING' on a single line above 'TRENDING NOW'. On the site the eyebrow wraps to two lines ('THE INTERNET CAN'T STOP / TALKING').
Figma shows the swatch row label as '+ X colors' (placeholder). The site shows '+ 13 colors'. The site value is real data, but flag the Figma placeholder mismatch for confirmation that 13 is the intended count.
Figma shows a thin horizontal divider line separating the carousel section from the dark footer block. The site footer begins without a visible top divider.
Figma payment row order is Discover, PayPal, Google Pay, Mastercard, Amazon, Amex, then Shop Pay, Venmo, Visa, Diners, Apple Pay. The site row reads Amazon, Amex, Apple Pay, Diners, Discover, Google Pay, Mastercard, PayPal, Shop Pay, Visa (alphabetical-ish), omitting Venmo from the visible set.