Profile Picture
Julian Galluzzo

Blue CTA With Background Grid

Clean CTA with a blue background so it's hard to miss - exactly what you want out of a CTA!
Copy component
Download JSON
{"content":[{"id":"mcxvwe","name":"section","parent":0,"children":["caizip"],"settings":{},"label":"CTA"},{"id":"caizip","name":"container","parent":"mcxvwe","children":["akwgbc"],"settings":{"_cssGlobalClasses":["pnwqzk"],"_cssCustom":"#brxe-caizip {\n background-color: #2962ff;\n background-image: radial-gradient(circle farthest-corner at 50% 50%, #2962ffe0, #2962ff), url(https://cdn.prod.website-files.com/5bbfaf3252489b4c484ba9b9/670cf0f9f0b7e71f431857f7_cross.svg);\n background-position: 0 0, 0 0;\n background-size: auto, 20px;\n}"},"label":"Container"},{"id":"akwgbc","name":"block","parent":"caizip","children":["itefhy","pyopxo","luodcf","mbnjde"],"settings":{"_cssGlobalClasses":["fufayd"]}},{"id":"itefhy","name":"div","parent":"akwgbc","children":["kmkmtj","bhulqx"],"settings":{"_cssGlobalClasses":["qioxst","uwtrkg"]},"label":"Sectitle"},{"id":"kmkmtj","name":"icon","parent":"itefhy","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-ios-play"},"_cssGlobalClasses":["jldrhu"]},"label":"Icon","themeStyles":[]},{"id":"bhulqx","name":"text-basic","parent":"itefhy","children":[],"settings":{"text":"Start Building"},"label":"Text"},{"id":"pyopxo","name":"heading","parent":"akwgbc","children":[],"settings":{"text":"Get started for free","tag":"h2","_margin":{"bottom":"10"},"_cssGlobalClasses":["acss_import_h2"]}},{"id":"luodcf","name":"text-basic","parent":"akwgbc","children":[],"settings":{"text":"Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.","_margin":{"bottom":"25"},"_cssGlobalClasses":["acss_import_text--neutral-light"]}},{"id":"mbnjde","name":"button","parent":"akwgbc","children":[],"settings":{"text":"Get started for free","style":"secondary","_cssGlobalClasses":["grgqgk","qgmohn"]}}],"source":"bricksCopiedElements","sourceUrl":"https://memberstack.local","version":"1.12.3","globalClasses":[{"id":"pnwqzk","name":"cta__container","settings":{"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"},"style":"solid","width":{"bottom":"1","top":"1","left":"1","right":"1"},"color":{"raw":"var(--border--base)"}},"_boxShadow":{"values":{"offsetY":"5","blur":"10"},"color":{"id":"acss_import_black-trans-10","name":"black-trans-10","raw":"var(--black-trans-10)"}},"_padding":{"bottom":"75","top":"75","left":"50","right":"50"},"_justifyContent":"center","_alignItems":"center","_typography":{"color":{"id":"acss_import_white","name":"white","raw":"var(--white)"}},"_columnGap":"0","_rowGap":"0"},"modified":1741626622,"user_id":1},{"id":"fufayd","name":"cta__content-wrap","settings":{"_columnGap":"0","_rowGap":"0","_widthMax":"500","_justifyContent":"center","_alignItems":"center","_typography":{"text-align":"center"}}},{"id":"qioxst","name":"sectitle","settings":{"_padding":{"bottom":"5","top":"5","left":"12","right":"12"},"_border":{"style":"solid","width":{"bottom":"1","top":"1","left":"1","right":"1"},"color":{"hex":"#dbdbdb"},"radius":{"top":"6","right":"6","bottom":"6","left":"6"}},"_display":"flex","_justifyContent":"center","_alignItems":"center","_columnGap":"10","_rowGap":"10","_typography":{"font-size":"14","font-weight":"600"},"_boxShadow":{"values":{"offsetY":"5","blur":"10"},"color":{"id":"acss_import_black-trans-10","name":"black-trans-10","raw":"var(--black-trans-10)"}},"_margin":{"bottom":"15"},"_background":{"color":{"id":"acss_import_white","name":"white","raw":"var(--white)"}}}},{"id":"uwtrkg","name":"sectitle--blue","settings":{"_background":{"color":{"id":"acss_import_white-trans-10","name":"white-trans-10","raw":"var(--white-trans-10)"}},"_border":{"color":{"id":"acss_import_white-trans-40","name":"white-trans-40","raw":"var(--white-trans-40)"}},"_typography":{"color":{"id":"acss_import_white-trans-80","name":"white-trans-80","raw":"var(--white-trans-80)"}}}},{"id":"jldrhu","name":"sectitle__icon","settings":{"iconSize":"18"}},{"id":"acss_import_h2","name":"h2","settings":{"_cssCustom":".blue {\n color: #2962ff;\n}","_typography":{"font-weight":"800","font-size":"40"},"_typography:mobile_portrait":{"font-size":"30"}},"category":"acss","_categoryData":{"id":"acss","name":"Automatic.css"}},{"id":"acss_import_text--neutral-light","name":"text--neutral-light","settings":[],"category":"acss","_categoryData":{"id":"acss","name":"Automatic.css"}},{"id":"grgqgk","name":"button","settings":{"_padding":{"bottom":"12","top":"12","left":"22","right":"22"},"_cssCustom":".button {\n box-shadow: \n 0 4px 6px rgba(0, 0, 0, 0.1), /* Outer shadow */\n inset 0 2px 5px rgba(255, 255, 255, 0.3), /* Light inner shadow at the top */\n inset 0 -2px 5px rgba(0, 0, 0, 0.3); /* Dark inner shadow at the bottom */\n}","_background:hover":{"color":{"id":"acss_import_primary-semi-dark","name":"primary-semi-dark","raw":"var(--primary-semi-dark)"}},"_cssTransition":"0.2s","_background":{"color":{"id":"acss_import_primary","name":"primary","raw":"var(--primary)"}},"_typography":{"font-weight":"600","letter-spacing":"-0.5"},"_transform:hover":{"scaleX":"1.05","scaleY":"1.05"}},"modified":1741686006,"user_id":1},{"id":"qgmohn","name":"button--white","settings":{"_background":{"color":{"id":"acss_import_white","name":"white","raw":"var(--white)"}},"_typography":{"color":{"id":"acss_import_black","name":"black","raw":"var(--black)"}},"_background:hover":{"color":{"id":"acss_import_white-trans-90","name":"white-trans-90","raw":"var(--white-trans-90)"}},"_cssCustom":".button--white {\n box-shadow: \n 0 4px 6px rgba(0, 0, 0, 0.1), /* Outer shadow */\n inset 0 2px 5px rgba(255, 255, 255, 0.3), /* Light inner shadow at the top */\n inset 0 -2px 5px rgba(0, 0, 0, 0.1); /* Dark inner shadow at the bottom */\n}","_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"id":"acss_import_black-trans-10","name":"black-trans-10","raw":"var(--black-trans-10)"}}}}],"globalElements":[]}

Similar components

Profile Picture
Akshay Joshi

Construction kit – CTA small

Simple small CTA
View now
Copy now
{"id":3567,"name":"construction-kit-cta-small","title":"Construction kit - CTA small","date":"2025-09-01 17:48:09","date_formatted":"September 1, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/construction-kit-cta-small\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"11a401","name":"section","parent":0,"children":["03dca4"],"settings":{"_cssGlobalClasses":["ecvdox","pwabpy"]},"label":"CTA small"},{"id":"03dca4","name":"container","parent":"11a401","children":["5c32cf","0f9ca1"],"settings":{"_direction":"row","_cssGlobalClasses":["kzdlvy","gjwlpg"],"_background":{"color":{"hex":"#ffffff"}}}},{"id":"5c32cf","name":"block","parent":"03dca4","children":["bde4b6"],"settings":{"_cssGlobalClasses":["bfmoev"]},"label":"Column"},{"id":"bde4b6","name":"heading","parent":"5c32cf","children":[],"settings":{"text":"Get a Quote For Your Project","tag":"h2","_cssGlobalClasses":["jxypep"]}},{"id":"0f9ca1","name":"block","parent":"03dca4","children":["095f51"],"settings":{"_cssGlobalClasses":["cwugfr"]},"label":"Column"},{"id":"095f51","name":"button","parent":"0f9ca1","children":[],"settings":{"text":"FREE QUOTE","style":"primary","_cssGlobalClasses":["catpbt"],"link":{"type":"external","url":"#"}}}],"templateType":"section","global_classes":[{"id":"ecvdox","name":"construction-default-section","settings":{"_padding":{"top":"100","bottom":"100","right":"8%","left":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","right":"5%","left":"5%"}}},{"id":"kzdlvy","name":"construction-full-width-container","settings":{"_width":"100%","_direction":"row","_alignItems":"stretch"}},{"id":"jxypep","name":"construction-h2","settings":{"_typography:tablet_portrait":{"font-size":"32"},"_typography":{"font-size":"40","font-family":"Rubik","color":{"hex":"#2a2a2a"}},"_typography:mobile_landscape":{"font-size":"28"}}},{"id":"catpbt","name":"construction-yellow-border-button","settings":{"_border":{"width":{"top":"5","right":"5","bottom":"5","left":"5"},"style":"solid","color":{"hex":"#ffb400"}},"_typography":{"color":{"hex":"#ffb400"},"text-transform":"uppercase","font-weight":"500","font-family":"Rubik","font-size":"14"},"_padding":{"top":"15","left":"40","right":"40","bottom":"15"},"_background":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0)","hsl":"hsla(0, 0%, 0%, 0)"}},"_padding:tablet_portrait":{"left":"10","right":"10"}}},{"id":"gjwlpg","name":"construction-2col-cta-ribbon","settings":{"_alignItems":"center","_rowGap:mobile_landscape":"50"}},{"id":"cwugfr","name":"construction-2col-cta-ribbon-btn-col","settings":{"_padding":{"left":"10%"},"_width":"33%","_width:mobile_landscape":"100%","_padding:mobile_landscape":{"left":"0"},"_width:tablet_portrait":"40%","_alignItems:tablet_portrait":"flex-end","_alignItems:mobile_landscape":"center"}},{"id":"bfmoev","name":"construction-2col-cta-ribbon-content-col","settings":{"_width":"67%","_width:mobile_landscape":"100%","_width:tablet_portrait":"60%","_alignItems:mobile_landscape":"center"}},{"id":"pwabpy","name":"construction__quote-banner","settings":{"_padding":{"top":"50","bottom":"50"}}}]}
Profile Picture
Akshay Joshi

Construction kit – CTA Big

Simple big CTA
View now
Copy now
{"id":3571,"name":"construction-kit-cta-big","title":"Construction kit - CTA Big","date":"2025-09-01 17:55:20","date_formatted":"September 1, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/construction-kit-cta-big\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"65c52a","name":"section","parent":0,"children":["bec436"],"settings":{"_cssGlobalClasses":["ecvdox"]},"label":"CTA Big"},{"id":"bec436","name":"container","parent":"65c52a","children":["7b08f3","3a362a"],"settings":{"_direction":"row","_cssGlobalClasses":["kzdlvy","gjwlpg"],"_background":{"color":{"hex":"#ffffff"}}}},{"id":"7b08f3","name":"block","parent":"bec436","children":["08185a","1660eb"],"settings":{"_cssGlobalClasses":["bfmoev"]},"label":"Column"},{"id":"08185a","name":"heading","parent":"7b08f3","children":[],"settings":{"text":"Call: (541) 931-3526","_cssGlobalClasses":["kzhivy"],"tag":"h2"}},{"id":"1660eb","name":"heading","parent":"7b08f3","children":[],"settings":{"text":"We Can\u2019t Wait to Make Your Ideas a Reality","tag":"h3","_cssGlobalClasses":["qndbtj"],"_typography:mobile_portrait":{"text-align":"center"},"_typography:mobile_landscape":{"text-align":"center"}}},{"id":"3a362a","name":"block","parent":"bec436","children":["626433"],"settings":{"_cssGlobalClasses":["cwugfr"]},"label":"Column"},{"id":"626433","name":"button","parent":"3a362a","children":[],"settings":{"text":"ONLINE ESTIMATE FORM","style":"primary","_cssGlobalClasses":["catpbt"],"link":{"type":"external","url":"#"}}}],"templateType":"section","global_classes":[{"id":"ecvdox","name":"construction-default-section","settings":{"_padding":{"top":"100","bottom":"100","right":"8%","left":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","right":"5%","left":"5%"}}},{"id":"kzdlvy","name":"construction-full-width-container","settings":{"_width":"100%","_direction":"row","_alignItems":"stretch"}},{"id":"catpbt","name":"construction-yellow-border-button","settings":{"_border":{"width":{"top":"5","right":"5","bottom":"5","left":"5"},"style":"solid","color":{"hex":"#ffb400"}},"_typography":{"color":{"hex":"#ffb400"},"text-transform":"uppercase","font-weight":"500","font-family":"Rubik","font-size":"14"},"_padding":{"top":"15","left":"40","right":"40","bottom":"15"},"_background":{"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0)","hsl":"hsla(0, 0%, 0%, 0)"}},"_padding:tablet_portrait":{"left":"10","right":"10"}}},{"id":"qndbtj","name":"construction-h3-small","settings":{"_typography":{"font-size":"28","font-weight":"500","font-family":"Rubik","color":{"hex":"#2a2a2a"}},"_typography:mobile_landscape":{"font-size":"26"}},"modified":1756710986,"user_id":1},{"id":"gjwlpg","name":"construction-2col-cta-ribbon","settings":{"_alignItems":"center","_rowGap:mobile_landscape":"50"}},{"id":"cwugfr","name":"construction-2col-cta-ribbon-btn-col","settings":{"_padding":{"left":"10%"},"_width":"33%","_width:mobile_landscape":"100%","_padding:mobile_landscape":{"left":"0"},"_width:tablet_portrait":"40%","_alignItems:tablet_portrait":"flex-end","_alignItems:mobile_landscape":"center"}},{"id":"bfmoev","name":"construction-2col-cta-ribbon-content-col","settings":{"_width":"67%","_width:mobile_landscape":"100%","_width:tablet_portrait":"60%","_alignItems:mobile_landscape":"center"}},{"id":"kzhivy","name":"construction__yellow-h2","settings":{"_typography":{"color":{"hex":"#ffb401"},"font-size":"40","font-family":"Rubik"},"_typography:tablet_portrait":{"font-size":"36"},"_typography:mobile_landscape":{"font-size":"32"}},"modified":1756710986,"user_id":1}]}
Profile Picture
Akshay Joshi

Construction Kit – CTA section

Simple CTA section
View now
Copy now
{"id":3352,"name":"construction-kit-cta-section","title":"Construction Kit - CTA section","date":"2025-08-20 17:40:27","date_formatted":"August 20, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/construction-kit-cta-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"c56d13","name":"section","parent":0,"children":["73e207"],"settings":{"_cssGlobalClasses":["ecvdox","rocynw","okzltd"],"_background":{"image":{"id":2872,"filename":"Rectangle-11.webp","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Rectangle-11.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/07\/Rectangle-11.webp"}}},"label":"CTA section"},{"id":"73e207","name":"container","parent":"c56d13","children":["deaa78","ea2dac","22c65b","54ff67"],"settings":{"_cssGlobalClasses":["imymyf","kzdlvy","gcmjhr"]}},{"id":"deaa78","name":"divider","parent":"73e207","children":[],"settings":{"_cssGlobalClasses":["lwoswp"]}},{"id":"ea2dac","name":"heading","parent":"73e207","children":[],"settings":{"text":"We\u2019ve Been Building For Over 20 years","_cssGlobalClasses":["sfvrne","rzofye","ljzyjk"],"tag":"h2"}},{"id":"22c65b","name":"text-basic","parent":"73e207","children":[],"settings":{"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam lectus erat consectetur eu sapien eget, rhoncus consectetur sem.","_cssGlobalClasses":["sfvrne","wyotfr","nyfjpi"]}},{"id":"54ff67","name":"button","parent":"73e207","children":[],"settings":{"_cssGlobalClasses":["sbbeyt"],"link":{"type":"external","url":"#"},"text":"about us"}}],"templateType":"section","global_classes":[{"id":"ecvdox","name":"construction-default-section","settings":{"_padding":{"top":"100","bottom":"100","right":"8%","left":"8%"},"_padding:tablet_portrait":{"top":"75","bottom":"75","right":"5%","left":"5%"}}},{"id":"imymyf","name":"construction-default-container","settings":[]},{"id":"kzdlvy","name":"construction-full-width-container","settings":{"_width":"100%","_direction":"row"}},{"id":"rocynw","name":"construction-fullwidth-section","settings":{"_padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},{"id":"lwoswp","name":"construction__divider","settings":{"height":"6","width":"46","style":"solid","justifyContent":"center","color":{"hex":"#ffb400"}}},{"id":"gcmjhr","name":"construction-main-cta-container","settings":{"_alignSelf":"center","_justifyContent":"center","_alignItems":"center","_heightMin":"600","_direction":"column","_rowGap":"20","_columnGap":"20","_widthMax":"700","_heightMin:mobile_landscape":"400","_padding:mobile_portrait":{"top":"75","bottom":"75"}},"modified":1755711577,"user_id":1},{"id":"sfvrne","name":"construction-text__white","settings":{"_typography":{"color":{"hex":"#ffffff"}}}},{"id":"wyotfr","name":"construction-body_font_big","settings":{"_typography":{"font-size":"22"},"_typography:mobile_landscape":{"font-size":"17"}},"modified":1755695502,"user_id":1},{"id":"rzofye","name":"construction-h2_big","settings":{"_typography":{"font-size":"52","font-family":"Rubik"},"_typography:tablet_portrait":{"font-size":"46"},"_margin:tablet_portrait":{"bottom":"0"},"_typography:mobile_landscape":{"font-size":"36"}}},{"id":"ljzyjk","name":"construction-main-cta-container_heading","settings":{"_typography":{"text-align":"center"}}},{"id":"nyfjpi","name":"construction-main-cta-container_text","settings":{"_typography":{"text-align":"center"}}},{"id":"sbbeyt","name":"construction__btn","settings":{"_background":{"color":{"hex":"#ffb400"}},"_typography":{"color":{"hex":"#ffffff"},"font-weight":"600","font-size":"14","text-transform":"uppercase"},"_padding":{"left":"40","top":"14","right":"40","bottom":"14"},"_background:hover":{"color":{"hex":"#c28b00"}}}},{"id":"okzltd","name":"construction-cta-section","settings":{"_gradient":{"applyTo":"overlay","colors":[{"id":"uhuhrk","color":{"hex":"#212121","rgb":"rgba(33, 33, 33, 0.8)","hsl":"hsla(0, 0%, 13%, 0.8)"}},{"id":"uhuhrk","color":{"hex":"#212121","rgb":"rgba(33, 33, 33, 0.8)","hsl":"hsla(0, 0%, 13%, 0.8)"}}]},"_padding:mobile_landscape":{"left":"20","right":"20"}}}]}

Categories

CTAs

Nice, you've downloaded this template! Now let's get it on your website...

To use this component, go to your 'Templates', click 'Import', and upload the file you just downloaded! It's that simple. You can then copy/paste it to other sections of your website.
Close & continue

Nice, you've copied this component! Now let's paste it...

To paste this component, simply go to any Bricks page or component and click paste! Simple as that.
Close & continue