
Julian Galluzzo
PostPilot Cards Section
A clean cards section from the PostPilot website.
Copy component
Download JSON

{"content":[{"id":"aeommv","name":"section","parent":0,"children":["uwxudn"],"settings":{"_cssGlobalClasses":["rpuaev","jiaqax"]},"label":"Light Section"},{"id":"uwxudn","name":"container","parent":"aeommv","children":["dztziv","tfubeo"],"settings":{"_cssGlobalClasses":["dccpwx"],"_alignItems":"center"},"label":"Light Section Container"},{"id":"dztziv","name":"heading","parent":"uwxudn","children":[],"settings":{"text":"The Only Channel That's Actually Getting Easier.","_cssGlobalClasses":["nqfpij"],"_margin":{"bottom":"75"},"_widthMax":"750px","_typography":{"text-align":"center"}},"label":"H2"},{"id":"tfubeo","name":"div","parent":"uwxudn","children":["exalbs","tpnugd","qndsft"],"settings":{"_cssGlobalClasses":["ohafkp"]},"label":"Grid 3 Col"},{"id":"exalbs","name":"div","parent":"tfubeo","children":["fghwsh","nbnsae","ogdwrg"],"settings":{"_cssGlobalClasses":["tclfws"]},"label":"Light Card"},{"id":"fghwsh","name":"heading","parent":"exalbs","children":[],"settings":{"text":"Reach all your customers & prospects","_cssGlobalClasses":["wovqhb"]},"label":"H3"},{"id":"nbnsae","name":"image","parent":"exalbs","children":[],"settings":{"image":{"id":56,"filename":"reachcustomers.svg","size":"full","full":"https://postpilot.local/wp-content/uploads/2025/01/reachcustomers.svg","url":"https://postpilot.local/wp-content/uploads/2025/01/reachcustomers.svg"},"_cssGlobalClasses":["vgltyn"]},"themeStyles":[],"label":"Light Card Image"},{"id":"ogdwrg","name":"text-basic","parent":"exalbs","children":[],"settings":{"text":"Open Rate"},"label":"Small Text"},{"id":"tpnugd","name":"div","parent":"tfubeo","children":["ydzvmy","lkasrw","nnxzui"],"settings":{"_cssGlobalClasses":["tclfws"]},"label":"Light Card"},{"id":"ydzvmy","name":"heading","parent":"tpnugd","children":[],"settings":{"text":"Drive strongerengagement","_cssGlobalClasses":["wovqhb"]},"label":"H3"},{"id":"lkasrw","name":"image","parent":"tpnugd","children":[],"settings":{"image":{"id":57,"filename":"responserates.svg","size":"full","full":"https://postpilot.local/wp-content/uploads/2025/01/responserates.svg","url":"https://postpilot.local/wp-content/uploads/2025/01/responserates.svg"},"_cssGlobalClasses":["vgltyn"]},"themeStyles":[],"label":"Light Card Image"},{"id":"nnxzui","name":"text-basic","parent":"tpnugd","children":[],"settings":{"text":"Response Rates"},"label":"Small Text"},{"id":"qndsft","name":"div","parent":"tfubeo","children":["begznr","xxlnli","skifua"],"settings":{"_cssGlobalClasses":["tclfws"]},"label":"Light Card"},{"id":"begznr","name":"heading","parent":"qndsft","children":[],"settings":{"text":"Leave a lastingimpression","_cssGlobalClasses":["wovqhb"]},"label":"H3"},{"id":"xxlnli","name":"image","parent":"qndsft","children":[],"settings":{"image":{"id":58,"filename":"lifespan.svg","size":"full","full":"https://postpilot.local/wp-content/uploads/2025/01/lifespan.svg","url":"https://postpilot.local/wp-content/uploads/2025/01/lifespan.svg"},"_cssGlobalClasses":["vgltyn"]},"themeStyles":[],"label":"Light Card Image"},{"id":"skifua","name":"text-basic","parent":"qndsft","children":[],"settings":{"text":"Lifespan of Marketing Materials"},"label":"Small Text"}],"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":"ohafkp","name":"grid-3-col","settings":{"_display":"grid","_gridGap":"25px","_gridTemplateColumns":"1fr 1fr 1fr","_width":"100%","_gridTemplateColumns:mobile_landscape":"1fr"}},{"id":"tclfws","name":"light-card","settings":{"_background":{"color":{"hex":"#f1f8ff","id":"pezvry","name":"Color #5"}},"_padding":{"bottom":"35","top":"35","left":"35","right":"35"},"_typography":{"text-align":"center"},"_display":"flex","_direction":"column","_justifyContent":"space-between"}},{"id":"wovqhb","name":"h3--small","settings":{"_typography":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"},"font-weight":"500"},"_typography:mobile_portrait":{"font-size":"25"}},"modified":1737372282,"user_id":1},{"id":"vgltyn","name":"light-card__image","settings":{"_margin":{"bottom":"35","top":"35"}}}],"globalElements":[]}
Our notes on this component
This component features a heading and a 3-card layout which you can use to showcase the features, benefits, or use cases of your product.
The design from this component was taken from the PostPilot website – so the images are more than likely all owned by them!