{"id":61,"date":"2026-03-14T16:41:42","date_gmt":"2026-03-14T16:41:42","guid":{"rendered":"https:\/\/demo.romanfink.com\/keahi\/patterns\/cta-patterns\/"},"modified":"2026-03-14T17:21:43","modified_gmt":"2026-03-14T17:21:43","slug":"cta-patterns","status":"publish","type":"page","link":"https:\/\/demo.romanfink.com\/keahi\/patterns\/cta-patterns\/","title":{"rendered":"CTA Patterns"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-background-background-color has-background is-layout-constrained wp-container-core-group-is-layout-617084d4 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n\n\n<h1 class=\"wp-block-heading has-text-align-center has-xxx-large-font-size\" style=\"font-weight:600;letter-spacing:-0.04em;line-height:1.05\">CTA Patterns<\/h1>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-1da7d0e1 wp-block-group-is-layout-constrained\" style=\"background-color:#f0ebe4;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color wp-block-paragraph\" style=\"font-size:0.85rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">CTA \u2014 Banner<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-accent-background-color has-background is-layout-constrained wp-container-core-group-is-layout-f577d73f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-198d5040 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-text-align-center has-text-color has-xx-large-font-size\" style=\"color:#ffffff;font-weight:600;letter-spacing:-0.04em;line-height:1.05\">Ready to build something that lasts?<\/h2>\n\n\n\n<p class=\"has-text-align-center has-text-color has-small-font-size wp-block-paragraph\" style=\"color:#ffffff;font-weight:600;letter-spacing:-0.01em;line-height:1.5\">Every great building starts with a conversation. Let&#8217;s talk about your vision.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-dd0a6548 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-white-color has-text-color has-link-color wp-element-button\" style=\"border-radius:0px;border-top-color:#ffffff;border-top-width:1px;border-right-color:#ffffff;border-right-width:1px;border-bottom-color:#ffffff;border-bottom-width:1px;border-left-color:#ffffff;border-left-width:1px;font-weight:600;letter-spacing:-0.01em\">Start a Project<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-1da7d0e1 wp-block-group-is-layout-constrained\" style=\"background-color:#f0ebe4;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color wp-block-paragraph\" style=\"font-size:0.85rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">CTA \u2014 Contact Inline<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background-background-color has-background is-layout-constrained wp-container-core-group-is-layout-ea785e78 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--40)\">\n<h2 class=\"wp-block-heading has-text-align-center has-xx-large-font-size\" id=\"contact\" style=\"font-weight:600;letter-spacing:-0.04em;line-height:1.05\">Have something worth saying? Let&#8217;s talk.<\/h2>\n\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color has-normal-font-size wp-block-paragraph\" style=\"margin-top:var(--wp--preset--spacing--30);font-weight:600;letter-spacing:-0.01em\">Based in London. Remote clients worldwide.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-537751d1 wp-block-buttons-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-border-color has-normal-font-size has-custom-font-size wp-element-button\" href=\"mailto:example@example.com\" style=\"border-color:#1e1e1e;border-width:2px;border-radius:3px;padding-top:var(--wp--preset--spacing--10);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--50);font-weight:600;letter-spacing:-0.02em\">example@example.com<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-white-background-color has-background is-layout-constrained wp-container-core-group-is-layout-be30df03 wp-block-group-is-layout-constrained\" style=\"border-top-color:var(--wp--preset--color--border-tone);border-top-width:1px;border-bottom-color:var(--wp--preset--color--border-tone);border-bottom-width:1px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40)\">\n<p class=\"has-text-align-center has-secondary-color has-text-color has-tiny-font-size wp-block-paragraph\" style=\"font-weight:600;letter-spacing:0.1em;line-height:2;text-transform:uppercase\">Trusted by: Aether Studio \u00b7 Northvolt \u00b7 Sidekick \u00b7 Rapha \u00b7 Monocle \u00b7 Vitsoe<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-1da7d0e1 wp-block-group-is-layout-constrained\" style=\"background-color:#f0ebe4;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color wp-block-paragraph\" style=\"font-size:0.85rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Project \u2014 Next CTA Alt<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background-background-color has-background is-layout-constrained wp-container-core-group-is-layout-f577d73f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--40)\">\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"background-color:var(--wp--preset--color--border-tone);color:var:preset|color|border-tone\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-095228d8 wp-block-columns-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-f141c9e2 wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<p class=\"has-secondary-color has-text-color has-tiny-font-size wp-block-paragraph\" style=\"font-weight:600;letter-spacing:-0.01em\">(Next Project)<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-large-font-size\" style=\"font-weight:600;letter-spacing:-0.03em\">Brand Identity for a Sustainable Fashion Label<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-7128725c wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link has-primary-color has-text-color wp-element-button\" style=\"border-radius:0px;border-top-color:var(--wp--preset--color--primary);border-top-width:1px;border-right-color:var(--wp--preset--color--primary);border-right-width:1px;border-bottom-color:var(--wp--preset--color--primary);border-bottom-width:1px;border-left-color:var(--wp--preset--color--primary);border-left-width:1px;font-weight:600;letter-spacing:-0.01em\">View Project<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-1da7d0e1 wp-block-group-is-layout-constrained\" style=\"background-color:#f0ebe4;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n\n\n<p class=\"has-text-align-center has-secondary-color has-text-color wp-block-paragraph\" style=\"font-size:0.85rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Project \u2014 Next CTA<\/p>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-accent-background-color has-background is-layout-constrained wp-container-core-group-is-layout-0dc52393 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--50)\">\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-01effa9f wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center has-text-color has-tiny-font-size wp-block-paragraph\" style=\"color:#ffffff;font-weight:600;letter-spacing:-0.01em\">Next Project<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-text-color has-xx-large-font-size\" style=\"color:#ffffff;font-weight:600;letter-spacing:-0.04em;line-height:1.05\">Spatial Identity for a Boutique Hotel Chain<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-c650b319 wp-block-buttons-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--30)\">\n<div class=\"wp-block-button is-style-outline is-style-outline--4\"><a class=\"wp-block-button__link has-text-color has-border-color wp-element-button\" href=\"#\" style=\"border-color:#ffffff;border-width:2px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;color:#ffffff;padding-top:10px;padding-right:var(--wp--preset--spacing--50);padding-bottom:10px;padding-left:var(--wp--preset--spacing--50);font-weight:600;letter-spacing:-0.02em;text-transform:uppercase\">View Project<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CTA Patterns CTA \u2014 Banner Ready to build something that lasts? Every great building starts with a conversation. Let&#8217;s talk about your vision. CTA \u2014 Contact Inline Have something worth saying? Let&#8217;s talk. Based in London. Remote clients worldwide. Trusted by: Aether Studio \u00b7 Northvolt \u00b7 Sidekick \u00b7 Rapha \u00b7 Monocle \u00b7 Vitsoe Project \u2014 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":26,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-61","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/pages\/61","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/comments?post=61"}],"version-history":[{"count":1,"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/pages\/61\/revisions"}],"predecessor-version":[{"id":96,"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/pages\/61\/revisions\/96"}],"up":[{"embeddable":true,"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/pages\/26"}],"wp:attachment":[{"href":"https:\/\/demo.romanfink.com\/keahi\/wp-json\/wp\/v2\/media?parent=61"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}