
Julian Galluzzo
InvestKit Process Section
Showcase your process with this 3-step card based features section.
Copy component

{"content":[{"id":"cbugcx","name":"section","parent":0,"children":["aktevb"],"settings":{"_cssGlobalClasses":["upnjxa"]},"label":"Account"},{"id":"aktevb","name":"container","parent":"cbugcx","children":["zastqn","apkywm","goevlw"],"settings":[]},{"id":"zastqn","name":"block","parent":"aktevb","children":["jnltda","wtbzct","xsbnqf"],"settings":{"_cssGlobalClasses":["fgspxo"]},"label":"Header Wrap"},{"id":"jnltda","name":"icon","parent":"zastqn","children":[],"settings":{"icon":{"library":"svg","svg":{"id":32,"filename":"Group-54.svg","url":"https://investkit-ui.local/wp-content/uploads/2025/03/Group-54.svg"},"height":"30","width":"30"},"_cssGlobalClasses":["shswkx"]},"themeStyles":[]},{"id":"wtbzct","name":"heading","parent":"zastqn","children":[],"settings":{"text":"How to create an account","tag":"h2","_cssGlobalClasses":["nvamro"],"_margin":{"bottom":"15"}}},{"id":"xsbnqf","name":"text-basic","parent":"zastqn","children":[],"settings":{"text":"We're creating the ultimate way to move and manage money worldwide. Low fees. Simple. Fast.","_cssGlobalClasses":["fjolnv"],"_widthMax":"500"},"label":"Paragraph"},{"id":"apkywm","name":"block","parent":"aktevb","children":["igfjin","nmkqvb","oavudd"],"settings":{"_cssGlobalClasses":["zjkfqg"]},"label":"Cards Wrap"},{"id":"igfjin","name":"block","parent":"apkywm","children":["onxfln","dqxzau"],"settings":{"_cssGlobalClasses":["pputaz"]},"label":"Card"},{"id":"onxfln","name":"block","parent":"igfjin","children":["utoizm","kjdvgz","jolhyc"],"settings":{"_cssGlobalClasses":["nddsyz"]},"label":"Card Top"},{"id":"utoizm","name":"text-basic","parent":"onxfln","children":[],"settings":{"text":"Step 1","_cssGlobalClasses":["hhxsnr"]}},{"id":"kjdvgz","name":"heading","parent":"onxfln","children":[],"settings":{"text":"Create an account","_cssGlobalClasses":["jlfnev"]}},{"id":"jolhyc","name":"text-basic","parent":"onxfln","children":[],"settings":{"text":"Fill the details","_cssGlobalClasses":["fjolnv"]}},{"id":"dqxzau","name":"image","parent":"igfjin","children":[],"settings":{"_cssGlobalClasses":["pzauod"],"image":{"id":100,"filename":"create-acc.png","size":"full","full":"https://investkit-ui.local/wp-content/uploads/2025/03/create-acc.png","url":"https://investkit-ui.local/wp-content/uploads/2025/03/create-acc.png"}}},{"id":"nmkqvb","name":"block","parent":"apkywm","children":["jkayci","nmtwvn"],"settings":{"_cssGlobalClasses":["pputaz"]},"label":"Card"},{"id":"jkayci","name":"block","parent":"nmkqvb","children":["sxcerz","gdlfwp","lxryap"],"settings":{"_cssGlobalClasses":["nddsyz"]},"label":"Card Top"},{"id":"sxcerz","name":"text-basic","parent":"jkayci","children":[],"settings":{"text":"Step 2","_cssGlobalClasses":["hhxsnr"]}},{"id":"gdlfwp","name":"heading","parent":"jkayci","children":[],"settings":{"text":"Complete KYC","_cssGlobalClasses":["jlfnev"]}},{"id":"lxryap","name":"text-basic","parent":"jkayci","children":[],"settings":{"text":"Document + selife","_cssGlobalClasses":["fjolnv"]}},{"id":"nmtwvn","name":"image","parent":"nmkqvb","children":[],"settings":{"_cssGlobalClasses":["pzauod"],"image":{"id":97,"filename":"onboard.png","size":"full","full":"https://investkit-ui.local/wp-content/uploads/2025/03/onboard.png","url":"https://investkit-ui.local/wp-content/uploads/2025/03/onboard.png"}}},{"id":"oavudd","name":"block","parent":"apkywm","children":["lymbyg","fxmvil"],"settings":{"_cssGlobalClasses":["pputaz"]},"label":"Card"},{"id":"lymbyg","name":"block","parent":"oavudd","children":["rencat","sucojs","bxxqkm"],"settings":{"_cssGlobalClasses":["nddsyz"]},"label":"Card Top"},{"id":"rencat","name":"text-basic","parent":"lymbyg","children":[],"settings":{"text":"Step 3","_cssGlobalClasses":["hhxsnr"]}},{"id":"sucojs","name":"heading","parent":"lymbyg","children":[],"settings":{"text":"Congrats","_cssGlobalClasses":["jlfnev"]}},{"id":"bxxqkm","name":"text-basic","parent":"lymbyg","children":[],"settings":{"text":"You are in, Welcome!","_cssGlobalClasses":["fjolnv"]}},{"id":"fxmvil","name":"image","parent":"oavudd","children":[],"settings":{"_cssGlobalClasses":["pzauod"],"image":{"id":98,"filename":"congrats.png","size":"full","full":"https://investkit-ui.local/wp-content/uploads/2025/03/congrats.png","url":"https://investkit-ui.local/wp-content/uploads/2025/03/congrats.png"}}},{"id":"goevlw","name":"button","parent":"aktevb","children":[],"settings":{"text":"Create account","style":"primary","_cssGlobalClasses":["setizc","phdsso"]}}],"source":"bricksCopiedElements","sourceUrl":"https://investkit-ui.local","version":"1.12.3","globalClasses":[{"id":"upnjxa","name":"section-default","settings":{"_background":{"color":{"hex":"#153236","id":"owxrer","name":"Color #1"}},"_typography":{"color":{"hex":"#ffffff","id":"xtezot","name":"Color #2"},"font-family":"Inter"},"_padding":{"bottom":"75","top":"75","left":"5%","right":"5%"}}},{"id":"fgspxo","name":"header-wrap--center","settings":{"_widthMax":"600","_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_typography":{"text-align":"center"},"_margin":{"bottom":"50"}}},{"id":"shswkx","name":"swirl-icon","settings":{"_margin":{"bottom":"20"},"iconSize":"30"}},{"id":"nvamro","name":"h2","settings":{"_typography":{"font-family":"Bricolage Grotesque","font-size":"45","line-height":"50px","font-weight":"700"},"_typography:mobile_portrait":{"font-size":"40","line-height":"45px"}}},{"id":"fjolnv","name":"paragraph","settings":{"_opacity":"0.7"}},{"id":"zjkfqg","name":"account__cards-wrap","settings":{"_display":"grid","_gridGap":"30","_gridTemplateColumns":"1fr 1fr 1fr","_gridTemplateColumns:tablet_portrait":"1fr 1fr","_margin":{"bottom":"50"},"_gridTemplateColumns:mobile_portrait":"1fr"},"modified":1742294447,"user_id":1},{"id":"pputaz","name":"account__card","settings":{"_overflow":"clip","_border":{"radius":{"top":"7","right":"7","bottom":"7","left":"7"}}}},{"id":"nddsyz","name":"account__card-top","settings":{"_padding":{"bottom":"30","top":"30","left":"30","right":"30"},"_justifyContent":"center","_alignItems":"flex-start","_rowGap":"10","_background":{"color":{"hex":"#1a393e","id":"cvszxc","name":"Color #4"}}}},{"id":"hhxsnr","name":"account__card-subheading","settings":{"_typography":{"font-family":"Bricolage Grotesque"},"_margin":{"bottom":"5"}}},{"id":"jlfnev","name":"h4","settings":{"_typography":{"font-family":"Bricolage Grotesque","font-size":"16"}}},{"id":"pzauod","name":"account__card-image","settings":{"_width:tablet_portrait":"100%"},"modified":1742293363,"user_id":1},{"id":"setizc","name":"button","settings":{"_background":{"color":{"hex":"#00fe4a","id":"darnpu","name":"Color #3"}},"_typography":{"color":{"hex":"#153236","id":"owxrer","name":"Color #1"},"font-family":"Bricolage Grotesque","font-weight":"400"},"_padding":{"bottom":"15","top":"15","left":"30","right":"30"},"_border":{"radius":{"right":"50","top":"50","bottom":"50","left":"50"}},"_opacity:hover":"0.7","_cssTransition":"0.25s"}},{"id":"phdsso","name":"button--align-center","settings":{"_margin":{"left":"auto","right":"auto"}}}],"globalElements":[]}
Similar components


Akshay Joshi
Metric Kit – Case Study Section
Case study showcase with customizable cards and call to action


Akshay Joshi
Metric Kit Three-Column Layout
Three-column layout with customizable icons and call to action