No two links alike
Cotopaxi makes joyfully colorful outdoor gear, no two Del Día packs alike, and funds poverty relief with every sale. Today one image stands in for the whole catalog when a link is shared. We built a card that gives each pack and collection its own preview, in Cotopaxi's colors, updating on its own as the lineup changes.
www.cotopaxi.com
Cotopaxi
Paste any cotopaxi.com link, a pack or a collection, and see the card it would carry into the feed.
Cotopaxi’s catalog is a riot of color. The Del Día line stitches each pack from leftover fabric, so no two are the same, and the whole brand carries that vividness in service of its Gear For Good mission. Yet when a Cotopaxi link gets shared, the preview is one fixed image standing in for all of it.
We built a share card that renders each page as it is shared, in Cotopaxi’s own look: the warm terracotta ground, the Gotham type, the Del Día colorway blocks. A pack page shows that exact pack with its name and price, a collection shows its name, and the homepage keeps the brand’s wordmark lockup.
Nothing on the site changes. The card updates itself as packs sell through and collections rotate, so every shared link carries the current lineup instead of a picture someone set months ago.
The Cotopaxi look
Cotopaxi is a Salt Lake City outdoor brand and Certified B Corporation, founded in 2014, that funds poverty-relief grants with a share of every sale under its Gear For Good mission. The catalog runs to hundreds of packs, apparel, and travel gear, and the signature Del Día line sews each pack from leftover fabric, so every colorway is one of a kind. That color is the whole identity, so we built the card from Cotopaxi's own palette and Gotham type rather than setting its wordmark on a neutral template.
- Platform
- Shopify
- Image hosting
- Shopify CDN (cdn.shopify.com)
- Typeface
- Gotham
- Colors
- Terracotta #C15A3B Cotopaxi orange #E9642A Pine teal #3B7A6B Warm gold #E7B23C Charcoal #25282A
Homepage
www.cotopaxi.com
Cotopaxi
www.cotopaxi.com
Cotopaxi
- URL
- www.cotopaxi.com
- Share image
- File size
- 164 KB
- Dimensions
- 1200 × 630
- What we built
Cotopaxi already sends a clean, on-brand photo when its homepage is shared, a warm lifestyle shot that suits the brand well. The catch is that it is one fixed image, set by hand, and the same picture rides along whether someone shares the homepage, a pack, or a collection. Our home card holds that brand feel in Cotopaxi’s terracotta and Gotham wordmark, and it frees every other page to carry its own. Swap the campaign and the cards follow on their own, across every shared link, without anyone reaching for a file to replace.
Collection page
www.cotopaxi.com
Backpacks
www.cotopaxi.com
Backpacks
- Share image
- File size
- 341 KB
- Dimensions
- 504 × 630
- What we built
The current preview for a collection is a single product photo, tall and low-resolution, so a feed crops and softens it, and it never says which collection you are looking at. Our card names the collection in Gotham on the terracotta ground, with the Del Día colorway column down the edge, so a shared Backpacks link reads as Backpacks. It takes the name straight from the page, so a new collection is captioned the day it goes live rather than waiting on someone to draw a banner for it.
Product page
www.cotopaxi.com
Allpa 26L Daypack - Del Día
$150
www.cotopaxi.com
Allpa 26L Daypack - Del Día
$150
- Share image
- File size
- 417 KB
- Dimensions
- 630 × 630
- What we built
Every Cotopaxi pack has a sharp studio cutout, but the shared preview is a 630-pixel transparent PNG, so the pack floats with no ground of its own and drops onto whatever flat color each app paints behind it, cropped square and carrying no name or price. Our card sets that same pack on Cotopaxi’s warm terracotta at full width, beside the name and price in Gotham, with the whole Del Día colorway in frame. It reads the pack straight from the page it sits on, so a maroon-and-teal daypack and a lavender sling each show up as themselves, priced and grounded, the moment the page exists.
Every Cotopaxi link, its own card
We render a dynamic, on-brand preview for every page on cotopaxi.com, current with each drop and colorway, and nothing on the site has to change.
Get your cards →Have a store with the same gaps?
OpenGraphImage.com is built by Paper Crow, a software development agency specializing in AI process automations and application development. The same team behind these cards takes on custom builds — the kind of work that turns a page like this into previews worth sharing. If that's you, let's talk.
More case studies
The link that won't fade
Topicals makes bold, clinical skincare for flare-ups, dark spots, and the conditions its customers actually live with. Most of its pages still share with no preview image, so we built a live share card for every one, carrying the Topicals wordmark, the real product, and its price, and refreshing itself whenever the page changes.
A preview built to last
Tecovas builds handcrafted Western boots with a cinematic, ranch-worn eye, and it carries that eye into its shared links further than most brands bother to, a real photo behind every page. What hand-placed images can't do across 1,400 boots is render each page its own card, framed for the preview and current on every drop. That's what we built.
Links that pull their weight
Gymshark hits hard everywhere it shows up, loud and stripped-back, built for people who train first. Share one of its links, though, and that force drops off. Collection pages ship no share image at all, and the homepage still runs a static banner from 2019, so links land blank or years out of date. So we build a bold, on-brand card for every page, automatically, from what's already on it, so a shared link hits as hard as the brand.
This is an independent concept study. OpenGraphImage is not affiliated with Cotopaxi, and Cotopaxi is not a customer — the cards shown are our own illustrations of what's possible, for informational purposes only. All brand names and marks belong to their owners.