Big link energy

We matched their masthead on white: the pineapple-and-script wordmark centered at the size their header uses, with the teal utility bar along the bottom carrying CHUBBIESSHORTS.COM, which is where that bar sits on their site. No headline under the mark, because the homepage title is SEO boilerplate that would just say the brand name twice. The card pulls the wordmark out of their header rather than shipping a flat PNG, and the same layout carries content pages with the logo up top and the page title in teal in the white field between the mark and the bar.

Our card takes the teal header band straight off the category page, sets the category name and its line in it, and runs the first six product shots from that category’s own grid underneath, keyed by product so a second angle of the same pair can’t take two tiles. That category already carries its own lifestyle portrait, a guy in pink turtle trunks taking a hose to a slip-and-slide at 1219 by 1872; the card shows the category name and six of its own product shots instead. Chubbies streams that grid in after the page loads on some categories, so when six shots aren’t there to take the card drops the strip and gives the category the full teal panel rather than stretching four across six columns.

Our card puts the trunk photo full-bleed on the right, a 900 by 1200 shot on white pulled straight off the page, and gives the left half to what a shopper is reading on the PDP: the name in title case the way the page prints it, the description, and the price. The name is the one Chubbies gave the product rather than the one in the URL, because those disagree more often than you would think, and it steps down through four sizes so The Domingos Are For Flamingos keeps its flamingos. Products photographed without a shot get the flat teal panel and the white wordmark instead of an empty box, and there is no stock or sale badge on any of it, because their per-size stock data would call a buyable pair sold out.