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

Magnifico CTA

Simple CTA with heading and textarea
View now
Copy now
{"id":4184,"name":"magnifico-cta","title":"Magnifico CTA","date":"2025-10-08 07:33:08","date_formatted":"October 8, 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\/magnifico-cta\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"694c1a","name":"section","parent":0,"children":["618a0e"],"settings":{"_cssGlobalClasses":["cjidkr"],"_padding:mobile_landscape":{"top":"0","left":"0","right":"0"}},"label":"Magnifico CTA"},{"id":"618a0e","name":"container","parent":"694c1a","children":["b6bcf9","53d40c","82cd3e"],"settings":{"_cssGlobalClasses":["iosyld","tdqciq"]}},{"id":"b6bcf9","name":"heading","parent":"618a0e","children":[],"settings":{"text":"Join the community today","_cssGlobalClasses":["zguzvi","igghhj"],"tag":"h2"}},{"id":"53d40c","name":"text-basic","parent":"618a0e","children":[],"settings":{"text":"Egestas fringilla aliquam leo, habitasse arcu varius lorem elit. Neque pellentesque donec et tellus ac varius tortor, bibendum. Nulla felis ac turpis at amet. Purus malesuada placerat arcu at enim elit in accumsan.","_cssGlobalClasses":["zguzvi","mpcdmr"],"_typography":{"text-align":"center"}}},{"id":"82cd3e","name":"button","parent":"618a0e","children":[],"settings":{"text":"sign up free","_cssGlobalClasses":["bxdord","tknnhp"],"icon":{"library":"ionicons","icon":"ion-ios-arrow-round-forward"},"link":{"type":"external","url":"#"},"_typography:mobile_landscape":{"font-size":"18"}}}],"templateType":"section","global_classes":[{"id":"cjidkr","name":"magnifico-default-section","settings":{"_padding":{"left":"5%","right":"5%","top":"80","bottom":"80"},"_padding:mobile_landscape":{"top":"48","bottom":"48"},"_rowGap:mobile_landscape":"32","_columnGap:mobile_landscape":"32"},"modified":1758811901,"user_id":1},{"id":"tdqciq","name":"magnifico-default-container","settings":{"_widthMax":"1440px","_width":"100%","_rowGap":"80","_columnGap":"80","_columnGap:mobile_landscape":"40","_rowGap:mobile_landscape":"40","_alignItems":"stretch"}},{"id":"mpcdmr","name":"magnifico-p","settings":{"_typography":{"font-size":"18"}}},{"id":"igghhj","name":"magnifico-h2","settings":{"_typography":{"font-size":"56","line-height":"110%","font-family":"Roboto","font-weight":"900","color":{"hex":"#0f172a"}},"_typography:mobile_landscape":{"font-size":"40"}},"modified":1758811901,"user_id":1},{"id":"zguzvi","name":"magnifico-text-white","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"iosyld","name":"magnifico-cta-2","settings":{"_border":{"radius":{"top":"30","right":"30","bottom":"30","left":"30"}},"_gradient":{"applyTo":"background","colors":[{"id":"myikmu","color":{"hex":"#701a75"}},{"id":"kmggqr","color":{"hex":"#1e3a8a"}},{"id":"vnvijl","color":{"hex":"#1e40af"}},{"id":"ccculd","color":{"hex":"#312e81"}}],"gradientType":"linear","angle":"-90"},"_padding":{"top":"80","right":"80","bottom":"80","left":"80"},"_typography":{"text-align":"center","color":{"hex":"#ffffff"}},"_justifyContent":"center","_alignItems":"center","_columnGap":"24","_rowGap":"24","_padding:mobile_landscape":{"top":"48","bottom":"48","left":"5%","right":"5%"},"_border:mobile_landscape":{"radius":{"top":"0","right":"0","bottom":"0","left":"0"}}},"modified":1759479853,"user_id":1},{"id":"bxdord","name":"magnifico-cta-2_button","settings":{"_boxShadow":{"values":{"offsetX":"0","offsetY":"10","blur":"15","spread":"-3"},"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.1)","hsl":"hsla(0, 0%, 0%, 0.1)"}},"_padding":{"top":"14","bottom":"14","left":"24","right":"24"},"_border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"},"style":"none"},"_typography":{"font-size":"16","font-weight":"500","text-transform":"capitalize","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"line-height":"1.2","text-align":"left","text-wrap":"nowrap"},"_background":{"color":{"hex":"#2563eb"}},"iconGap":"18","iconTypography":{"font-size":"14"},"_background:hover":{"color":{"hex":"#008cff"}}},"modified":1759908341,"user_id":1},{"id":"tknnhp","name":"magnifico-cta__big-btn","settings":{"_typography":{"font-size":"24","font-weight":"700"},"_padding":{"top":"20","left":"24","bottom":"20","right":"24"},"_typography:tablet_portrait":{"font-size":"20"},"iconTypography":{"font-size":"33"},"_padding:tablet_portrait":{"top":"15","bottom":"15"},"_padding:mobile_portrait":{"top":"13","bottom":"13"}},"modified":1759907057,"user_id":1}]}
Profile Picture
Akshay Joshi

Magnifico Banner/CTA

Simple banner section with heading, textarea and cta
View now
Copy now
{"id":4182,"name":"magnifico-banner","title":"Magnifico Banner","date":"2025-10-08 07:32:24","date_formatted":"October 8, 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\/magnifico-banner\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"a6a9d3","name":"section","parent":0,"children":["3111e2"],"settings":{"_cssGlobalClasses":["cjidkr"],"_padding:mobile_landscape":{"top":"0","right":"0","left":"0"}},"label":"Magnifico Banner "},{"id":"3111e2","name":"container","parent":"a6a9d3","children":["696fc3"],"settings":{"_cssGlobalClasses":["tdqciq","erynaw"],"_direction":"row"}},{"id":"696fc3","name":"block","parent":"3111e2","children":["46bd68","ce51d4","99de3f"],"settings":{"_cssGlobalClasses":["sxxxix","gkbyae","smegwl"]},"label":"Column"},{"id":"46bd68","name":"heading","parent":"696fc3","children":[],"settings":{"text":"Problems come and get solved with ease","tag":"h2","_cssGlobalClasses":["igghhj","zguzvi"]}},{"id":"ce51d4","name":"text-basic","parent":"696fc3","children":[],"settings":{"text":"Egestas fringilla aliquam leo, habitasse arcu varius lorem elit. Neque pellentesque donec et tellus ac varius tortor, bibendum. Nulla felis ac turpis at amet. Purus malesuada placerat arcu at enim elit in accumsan.","_cssGlobalClasses":["mpcdmr","zguzvi"]}},{"id":"99de3f","name":"text-link","parent":"696fc3","children":[],"settings":{"text":"Improve workflow","icon":{"library":"ionicons","icon":"ion-ios-arrow-round-forward"},"iconPosition":"right","_cssGlobalClasses":["tkjpti","zguzvi"],"link":{"type":"external","url":"#"}},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"cjidkr","name":"magnifico-default-section","settings":{"_padding":{"left":"5%","right":"5%","top":"80","bottom":"80"},"_padding:mobile_landscape":{"top":"48","bottom":"48"},"_rowGap:mobile_landscape":"32","_columnGap:mobile_landscape":"32"},"modified":1758811901,"user_id":1},{"id":"tdqciq","name":"magnifico-default-container","settings":{"_widthMax":"1440px","_width":"100%","_rowGap":"80","_columnGap":"80","_columnGap:mobile_landscape":"40","_rowGap:mobile_landscape":"40","_alignItems":"stretch"}},{"id":"sxxxix","name":"magnifico-left-content_col","settings":{"_columnGap":"24","_rowGap":"24","_padding":{"top":"24","bottom":"24"},"_padding:tablet_portrait":{"top":"0","bottom":"0"},"_width":"50%","_justifyContent":"center","_width:mobile_landscape":"100%","_width:tablet_portrait":"100%"},"modified":1759907057,"user_id":1},{"id":"mpcdmr","name":"magnifico-p","settings":{"_typography":{"font-size":"18"}}},{"id":"igghhj","name":"magnifico-h2","settings":{"_typography":{"font-size":"56","line-height":"110%","font-family":"Roboto","font-weight":"900","color":{"hex":"#0f172a"}},"_typography:mobile_landscape":{"font-size":"40"}},"modified":1758811901,"user_id":1},{"id":"tkjpti","name":"magnifico-text-link","settings":{"_typography":{"color":{"hex":"#2563eb"},"font-weight":"500","font-size":"16","line-height":"24px"},"iconSize":"24","gap":"16","_typography:hover":{"color":{"hex":"#008cff"}}},"modified":1759908341,"user_id":1},{"id":"erynaw","name":"magnifico-cta-1","settings":{"_border":{"radius":{"top":"30","right":"30","bottom":"30","left":"30"}},"_gradient":{"applyTo":"overlay","gradientType":"linear","angle":"90","colors":[{"id":"hamjrz","color":{"hex":"#581c87","rgb":"rgba(88, 28, 135, 0.75)","hsl":"hsla(274, 66%, 32%, 0.75)"}},{"id":"hamjrz","color":{"hex":"#581c87","rgb":"rgba(88, 28, 135, 0.75)","hsl":"hsla(274, 66%, 32%, 0.75)"}}]},"_background":{"image":{"id":3919,"filename":"rotate-image-90.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/rotate-image-90.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/rotate-image-90-1024x683.webp"},"position":"center center","repeat":"no-repeat","size":"cover"},"_overflow":"hidden","_alignItems":"flex-end","_padding":{"top":"80","right":"80","bottom":"80","left":"80"},"_border:mobile_landscape":{"radius":{"top":"0","right":"0","bottom":"0","left":"0"}},"_padding:mobile_landscape":{"top":"48","bottom":"48","left":"5%","right":"5%"}},"modified":1759479853,"user_id":1},{"id":"zguzvi","name":"magnifico-text-white","settings":{"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}}},{"id":"smegwl","name":"magnifico-cta-1__col","settings":{"_padding":{"left":"50%"},"_width":"100%","_padding:tablet_portrait":{"left":"0"}},"modified":1759907057,"user_id":1}]}
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"}}}]}

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