
Julian Galluzzo
PostPilot Case Study Cards
A 3 column card section with case study stats.
Copy component

{"content":[{"id":"aurmce","name":"section","parent":0,"children":["rjsawq"],"settings":{"_cssGlobalClasses":["rpuaev","jiaqax"]},"label":"Light Section"},{"id":"rjsawq","name":"container","parent":"aurmce","children":["wcfbpo","ncfruk","pegpfl"],"settings":{"_cssGlobalClasses":["dccpwx"],"_alignItems":"center"},"label":"Light Section Container"},{"id":"wcfbpo","name":"heading","parent":"rjsawq","children":[],"settings":{"text":"Direct Mail Performs for Brands Like Yours.","_cssGlobalClasses":["nqfpij"],"_widthMax":"750px","_typography":{"text-align":"center"},"_margin":{"bottom":"75"}},"label":"H2"},{"id":"ncfruk","name":"div","parent":"rjsawq","children":["bnmhab","thrrlh","moolov"],"settings":{"_cssGlobalClasses":["qmpers"],"_margin":{"bottom":"75"}},"label":"Use Cases"},{"id":"bnmhab","name":"div","parent":"ncfruk","children":["ppidiz","fikaua"],"settings":{"_cssGlobalClasses":["fdvopd"],"tag":"a"},"label":"Card"},{"id":"ppidiz","name":"image","parent":"bnmhab","children":[],"settings":{"image":{"id":158,"filename":"squatch2.webp","size":"full","full":"https://postpilot.local/wp-content/uploads/2025/01/squatch2.webp","url":"https://postpilot.local/wp-content/uploads/2025/01/squatch2.webp"},"_cssGlobalClasses":[]},"themeStyles":[]},{"id":"fikaua","name":"div","parent":"bnmhab","children":["qaakjy","zgxkrx"],"settings":{"_cssGlobalClasses":["uuauae"]},"label":"Div"},{"id":"qaakjy","name":"text-basic","parent":"fikaua","children":[],"settings":{"text":"Direct Mail is an Essential Channel for Dr. Squatch","_cssGlobalClasses":["mtbqnx"]},"label":"Title"},{"id":"zgxkrx","name":"div","parent":"fikaua","children":["jheiut","wmmckc"],"settings":{"_cssGlobalClasses":["fizxnu"]},"label":"Stats Wrapper"},{"id":"jheiut","name":"div","parent":"zgxkrx","children":["lssmbh","uvwxmi"],"settings":[],"label":"Stat Wrapper"},{"id":"lssmbh","name":"text-basic","parent":"jheiut","children":[],"settings":{"text":"ROAS","_cssGlobalClasses":["esrxeg"]},"label":"Stat Title"},{"id":"uvwxmi","name":"text-basic","parent":"jheiut","children":[],"settings":{"text":"10X","_cssGlobalClasses":["uxkgkv"]},"label":"Stat Number"},{"id":"wmmckc","name":"div","parent":"zgxkrx","children":["yvfyyl","hpwnxg"],"settings":[],"label":"Stat Wrapper"},{"id":"yvfyyl","name":"text-basic","parent":"wmmckc","children":[],"settings":{"text":"Conversion Rate","_cssGlobalClasses":["esrxeg"]},"label":"Stat Title"},{"id":"hpwnxg","name":"text-basic","parent":"wmmckc","children":[],"settings":{"text":"6%","_cssGlobalClasses":["uxkgkv"]},"label":"Stat Number"},{"id":"thrrlh","name":"div","parent":"ncfruk","children":["ijtcep","ijtfzt"],"settings":{"_cssGlobalClasses":["fdvopd"],"tag":"a"},"label":"Card"},{"id":"ijtcep","name":"image","parent":"thrrlh","children":[],"settings":{"image":{"id":157,"filename":"obvi2.webp","size":"full","full":"https://postpilot.local/wp-content/uploads/2025/01/obvi2.webp","url":"https://postpilot.local/wp-content/uploads/2025/01/obvi2.webp"},"_cssGlobalClasses":[]},"themeStyles":[]},{"id":"ijtfzt","name":"div","parent":"thrrlh","children":["eimztf","lcbfve"],"settings":{"_cssGlobalClasses":["uuauae"]},"label":"Div"},{"id":"eimztf","name":"text-basic","parent":"ijtfzt","children":[],"settings":{"text":"How Obvi drives profits with hands-off postcard campaigns","_cssGlobalClasses":["mtbqnx"]},"label":"Title"},{"id":"lcbfve","name":"div","parent":"ijtfzt","children":["oqvujn","cpqkhu"],"settings":{"_cssGlobalClasses":["fizxnu"]},"label":"Stats Wrapper"},{"id":"oqvujn","name":"div","parent":"lcbfve","children":["oblznb","rnweqk"],"settings":[],"label":"Stat Wrapper"},{"id":"oblznb","name":"text-basic","parent":"oqvujn","children":[],"settings":{"text":"ROAS","_cssGlobalClasses":["esrxeg"]},"label":"Stat Title"},{"id":"rnweqk","name":"text-basic","parent":"oqvujn","children":[],"settings":{"text":"14X","_cssGlobalClasses":["uxkgkv"]},"label":"Stat Number"},{"id":"cpqkhu","name":"div","parent":"lcbfve","children":["oofnzo","smdfdd"],"settings":[],"label":"Stat Wrapper"},{"id":"oofnzo","name":"text-basic","parent":"cpqkhu","children":[],"settings":{"text":"Conversion Rate","_cssGlobalClasses":["esrxeg"]},"label":"Stat Title"},{"id":"smdfdd","name":"text-basic","parent":"cpqkhu","children":[],"settings":{"text":"8.59%","_cssGlobalClasses":["uxkgkv"]},"label":"Stat Number"},{"id":"moolov","name":"div","parent":"ncfruk","children":["qusbvk","cqanbu"],"settings":{"_cssGlobalClasses":["fdvopd"],"tag":"a"},"label":"Card"},{"id":"qusbvk","name":"image","parent":"moolov","children":[],"settings":{"image":{"id":152,"filename":"caden.webp","size":"full","full":"https://postpilot.local/wp-content/uploads/2025/01/caden.webp","url":"https://postpilot.local/wp-content/uploads/2025/01/caden.webp"},"_cssGlobalClasses":[]},"themeStyles":[]},{"id":"cqanbu","name":"div","parent":"moolov","children":["sevjme","ejxdgk"],"settings":{"_cssGlobalClasses":["uuauae"]},"label":"Div"},{"id":"sevjme","name":"text-basic","parent":"cqanbu","children":[],"settings":{"text":"Caden Lane Used Postcards to Acquire New Expecting Mothers","_cssGlobalClasses":["mtbqnx"]},"label":"Title"},{"id":"ejxdgk","name":"div","parent":"cqanbu","children":["gszsbo","etwuyy"],"settings":{"_cssGlobalClasses":["fizxnu"]},"label":"Stats Wrapper"},{"id":"gszsbo","name":"div","parent":"ejxdgk","children":["kzjssh","rynbvw"],"settings":[],"label":"Stat Wrapper"},{"id":"kzjssh","name":"text-basic","parent":"gszsbo","children":[],"settings":{"text":"ROAS","_cssGlobalClasses":["esrxeg"]},"label":"Stat Title"},{"id":"rynbvw","name":"text-basic","parent":"gszsbo","children":[],"settings":{"text":"3.8X","_cssGlobalClasses":["uxkgkv"]},"label":"Stat Number"},{"id":"etwuyy","name":"div","parent":"ejxdgk","children":["kjfadd","jzmgfy"],"settings":[],"label":"Stat Wrapper"},{"id":"kjfadd","name":"text-basic","parent":"etwuyy","children":[],"settings":{"text":"Conversion Rate","_cssGlobalClasses":["esrxeg"]},"label":"Stat Title"},{"id":"jzmgfy","name":"text-basic","parent":"etwuyy","children":[],"settings":{"text":"1.2%","_cssGlobalClasses":["uxkgkv"]},"label":"Stat Number"},{"id":"pegpfl","name":"text-link","parent":"rjsawq","children":[],"settings":{"text":"View all success stories","_cssGlobalClasses":["horllk"]},"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://postpilot.local","version":"1.11.1.1","globalClasses":[{"id":"rpuaev","name":"light-section","settings":{"_typography":{"font-family":"Instrument Sans"},"_overflow":"clip"}},{"id":"jiaqax","name":"section-padding","settings":{"_padding":{"top":"100","bottom":"100","left":"5%","right":"5%"}}},{"id":"dccpwx","name":"container-width","settings":{"_width":"100%","_widthMax":"1300px"}},{"id":"nqfpij","name":"h2","settings":{"_typography":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"},"font-family":"Merriweather","font-size":"50","font-weight":"400"},"_typography:mobile_portrait":{"font-size":"30"}},"modified":1737219727,"user_id":1},{"id":"qmpers","name":"use-cases--3-grid","settings":{"_width":"100%","_display":"grid","_gridTemplateColumns":"1fr 1fr 1fr","_gridGap":"25","_gridTemplateColumns:mobile_landscape":"1fr"}},{"id":"fdvopd","name":"use-cases__card-secondary","settings":{"_boxShadow":{"values":{"offsetY":"2","blur":"9"},"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.16)","hsl":"hsla(0, 0%, 0%, 0.16)"}},"_background:hover":{"color":{"hex":"#fff0f0"}},"_cssTransition":"all 200ms ease","_border":{"style":"solid","width":{"bottom":"1","top":"1","left":"1","right":"1"},"color":{"hex":"#d9d9d9"}},"_display":"flex","_direction":"column"}},{"id":"uuauae","name":"use-cases__info-wrap","settings":{"_padding":{"bottom":"20","top":"20","left":"20","right":"20"},"_flexGrow":"1","_display":"flex","_direction":"column","_justifyContent":"space-around"}},{"id":"mtbqnx","name":"use-cases__title","settings":{"_typography":{"font-size":"24","font-weight":"500"}}},{"id":"fizxnu","name":"use-cases__stats-grid","settings":{"_display":"grid","_gridTemplateColumns":"1fr 1fr","_gridGap":"16px","_margin":{"top":"25"}}},{"id":"esrxeg","name":"use-cases__stats-title","settings":{"_typography":{"font-weight":"600","color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.53)","hsl":"hsla(0, 0%, 0%, 0.53)"}}}},{"id":"uxkgkv","name":"use-cases__stats-number","settings":{"_typography":{"font-size":"30","font-weight":"600"}}},{"id":"horllk","name":"button--outline","settings":{"_typography":{"color":{"hex":"#000000","id":"hcqvca","name":"Color #3"},"font-size":"18px","text-transform":"uppercase","font-weight":"600"},"_background":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"}},"_padding":{"left":"25","right":"25","bottom":"15","top":"15"},"_background:hover":{"color":{"hex":"#000000","id":"hcqvca","name":"Color #3"}},"_typography:hover":{"color":{"hex":"#ffffff","id":"edddcc","name":"Color #2"}},"_cssTransition":"all 200ms ease","_border":{"width":{"bottom":"1","top":"1","left":"1","right":"1"},"style":"solid","color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"}}}}],"globalElements":[]}
Our notes on this component
This component contains a 3×1 grid layout with case study cards – each one is a link which has an image, a title, and 2 statistics.
The design from this component was taken from the PostPilot website – so the images are more than likely all owned by them!
Similar components


Julian Galluzzo
Team Member Showcase
Show your team members in this section with a team member bubble grid - includes a nice hover effect for each team member!


Julian Galluzzo
Tabs Section With Videos
A simple section with 4 tabs and a YouTube video inside the tabs content.


Julian Galluzzo
6 Feature Card Section
Showcase your features with this 6 card grid section. You can turn the cards into links, or just use them for a quick preview!