{"id":106,"date":"2025-01-09T21:34:59","date_gmt":"2025-01-09T21:34:59","guid":{"rendered":"https:\/\/patterns.olliewp.com\/agency\/?page_id=106"},"modified":"2025-01-09T21:34:59","modified_gmt":"2025-01-09T21:34:59","slug":"pricing-two","status":"publish","type":"page","link":"https:\/\/patterns.olliewp.com\/agency\/pricing-two\/","title":{"rendered":"Pricing Two"},"content":{"rendered":"\n<div class=\"wp-block-query alignfull is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"wp-block-post-template is-layout-flow wp-container-core-post-template-is-layout-ea1fff98 wp-block-post-template-is-layout-flow\"><li class=\"wp-block-post post-65 ollie_pattern type-ollie_pattern status-publish hentry\">\n<div class=\"entry-content wp-block-post-content is-layout-flow wp-block-post-content-is-layout-flow\">\n<section class=\"wp-block-group alignfull has-primary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-8aea5c0f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--xx-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--xx-large);padding-left:var(--wp--preset--spacing--medium)\">\n<div class=\"wp-block-group alignwide ollie-row-stack is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-ac7b6909 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-base-color has-text-color has-link-color has-x-large-font-size wp-elements-824e654771fc8fb83da3bbb170c3f867\">Product Pricing<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-left is-layout-flex wp-container-core-group-is-layout-c21286de wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group ollie-avatar-row is-nowrap is-layout-flex wp-container-core-group-is-layout-c0d5ccf6 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-thumbnail is-resized has-custom-border\"><img decoding=\"async\" src=\"https:\/\/patterns.olliewp.com\/agency\/wp-content\/uploads\/2024\/04\/ollie-avatar-3-150x150.webp\" alt=\"\" class=\"has-border-color has-primary-border-color wp-image-176\" style=\"border-width:4px;border-radius:100px;width:50px\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-thumbnail is-resized has-custom-border\"><img decoding=\"async\" src=\"https:\/\/patterns.olliewp.com\/agency\/wp-content\/uploads\/2024\/04\/ollie-avatar-2-150x150.webp\" alt=\"\" class=\"has-border-color has-primary-border-color wp-image-175\" style=\"border-width:4px;border-radius:100px;width:50px\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-thumbnail is-resized has-custom-border\"><img decoding=\"async\" src=\"https:\/\/patterns.olliewp.com\/agency\/wp-content\/uploads\/2024\/04\/ollie-avatar-1-150x150.webp\" alt=\"\" class=\"has-border-color has-primary-border-color wp-image-174\" style=\"border-width:4px;border-radius:100px;width:50px\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-thumbnail is-resized has-custom-border\"><img decoding=\"async\" src=\"https:\/\/patterns.olliewp.com\/creator\/wp-content\/uploads\/2024\/04\/ollie-avatar-5-150x150.webp\" alt=\"\" class=\"has-border-color has-primary-border-color wp-image-178\" style=\"border-width:4px;border-radius:100px;width:50px\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-thumbnail is-resized has-custom-border\"><img decoding=\"async\" src=\"https:\/\/patterns.olliewp.com\/creator\/wp-content\/uploads\/2024\/04\/ollie-avatar-4-150x150.webp\" alt=\"\" class=\"has-border-color has-primary-border-color wp-image-177\" style=\"border-width:4px;border-radius:100px;width:50px\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-secondary-color has-text-color has-link-color has-small-font-size wp-elements-839115b173b38b872a6c809518823b98 has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-3540e7cd wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-left has-base-color has-text-color has-link-color wp-elements-7d930bfe6489fa36bf2f88beda805926\">\u2605\u2605\u2605\u2605\u2605  <strong>5.0<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-main-accent-color has-text-color has-link-color wp-elements-310e4f46abc2fae293ed7471e81f9d57\">from 3,400+ reviews<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-style-default has-base-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-9a4c8acf wp-block-group-is-layout-constrained\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-f619a8c7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-stretch is-style-default is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-79531e27 wp-block-group-is-layout-flex\" style=\"border-radius:10px;min-height:100%;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-large-font-size\">Beginner<\/h2>\n\n\n\n<div class=\"wp-block-group has-base-font-size is-horizontal is-nowrap is-layout-flex wp-container-core-group-is-layout-bb614083 wp-block-group-is-layout-flex\">\n<h3 class=\"wp-block-heading has-x-large-font-size\">$29<\/h3>\n\n\n\n<p class=\"has-secondary-color has-text-color has-small-font-size\" style=\"margin-bottom:5px\">Per Year<\/p>\n<\/div>\n\n\n\n<p class=\"has-small-font-size\">Perfect for designers just starting their journey into no-code dev.<\/p>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-border-light-color has-alpha-channel-opacity has-border-light-background-color has-background is-style-separator-thin\"\/>\n\n\n\n<div class=\"wp-block-group has-small-font-size is-vertical is-layout-flex wp-container-core-group-is-layout-7aa4b7fc wp-block-group-is-layout-flex\">\n<p class=\"has-small-font-size\"><strong>Highlights<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-96879c38 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-primary-color\" style=\"color:#454DFF;width:32px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p>3 design projects<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-96879c38 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-primary-color\" style=\"color:#454DFF;width:32px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p>Basic component library<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-96879c38 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-primary-color\" style=\"color:#454DFF;width:32px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p>Email support<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link wp-element-button\">Get Started<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-eff0ac72 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-primary-color\" style=\"color:#454DFF;width:32px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3.176l6.75 3.068v4.574c0 3.9-2.504 7.59-6.035 8.755a2.283 2.283 0 01-1.43 0c-3.53-1.164-6.035-4.856-6.035-8.755V6.244L12 3.176zM6.75 7.21v3.608c0 3.313 2.145 6.388 5.005 7.33.159.053.331.053.49 0 2.86-.942 5.005-4.017 5.005-7.33V7.21L12 4.824 6.75 7.21z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-small-font-size\">100% money back guarantee<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-stretch is-style-default has-tertiary-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-radius:20px\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-79531e27 wp-block-group-is-layout-flex\" style=\"border-radius:10px;min-height:100%;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-large-font-size\">Freelancer<\/h2>\n\n\n\n<div class=\"wp-block-group has-base-font-size is-horizontal is-nowrap is-layout-flex wp-container-core-group-is-layout-bb614083 wp-block-group-is-layout-flex\">\n<h3 class=\"wp-block-heading has-x-large-font-size\">$49<\/h3>\n\n\n\n<p class=\"has-secondary-color has-text-color has-small-font-size\" style=\"margin-bottom:5px\">Per Year<\/p>\n<\/div>\n\n\n\n<p class=\"has-small-font-size\">Ideal for independent designers who need more power and flexibility.<\/p>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-border-light-color has-alpha-channel-opacity has-border-light-background-color has-background is-style-separator-thin\"\/>\n\n\n\n<div class=\"wp-block-group has-small-font-size is-vertical is-layout-flex wp-container-core-group-is-layout-7aa4b7fc wp-block-group-is-layout-flex\">\n<p class=\"has-small-font-size\"><strong>Highlights<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-96879c38 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-primary-color\" style=\"color:#454DFF;width:32px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p>Unlimited projects<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-96879c38 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-primary-color\" style=\"color:#454DFF;width:32px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p>Custom components<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-96879c38 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-primary-color\" style=\"color:#454DFF;width:32px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M10.8622 8.04053L14.2805 12.0286L10.8622 16.0167L9.72327 15.0405L12.3049 12.0286L9.72327 9.01672L10.8622 8.04053Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p>Client sharing portal<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100\"><a class=\"wp-block-button__link wp-element-button\">Get Started<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-eff0ac72 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-primary-color\" style=\"color:#454DFF;width:32px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3.176l6.75 3.068v4.574c0 3.9-2.504 7.59-6.035 8.755a2.283 2.283 0 01-1.43 0c-3.53-1.164-6.035-4.856-6.035-8.755V6.244L12 3.176zM6.75 7.21v3.608c0 3.313 2.145 6.388 5.005 7.33.159.053.331.053.49 0 2.86-.942 5.005-4.017 5.005-7.33V7.21L12 4.824 6.75 7.21z\" fill-rule=\"evenodd\" clip-rule=\"evenodd\"><\/path><\/svg><\/div><\/div>\n\n\n\n<p class=\"has-small-font-size\">100% money back guarantee<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide has-primary-accent-color has-text-color has-link-color wp-elements-6e733471f051491ea0bcc505f83bde83 is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained\">\n<p class=\"has-primary-alt-color has-text-color has-link-color has-small-font-size wp-elements-cd49a3ba83170d87320b1cb868e2606a\">\u2605\u2605\u2605\u2605\u2605<\/p>\n\n\n\n<p class=\"has-small-font-size\">I turned my passion for design into a thriving online digital business! It&#8217;s incredible how easy it is to monetize creativity here.<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-1b11d160 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img decoding=\"async\" src=\"https:\/\/patterns.olliewp.com\/agency\/wp-content\/uploads\/2024\/04\/ollie-avatar-7.webp\" alt=\"\" class=\"wp-image-180\" style=\"border-radius:10px;width:32px\"\/><\/figure>\n\n\n\n<p><strong>Margo Middleton<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained\">\n<p class=\"has-primary-alt-color has-text-color has-link-color has-small-font-size wp-elements-cd49a3ba83170d87320b1cb868e2606a\">\u2605\u2605\u2605\u2605\u2605<\/p>\n\n\n\n<p class=\"has-small-font-size\">Finding clients was always a challenge until I joined this community. Now, I&#8217;m steadily growing my business and loving it.<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-1b11d160 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img decoding=\"async\" src=\"https:\/\/patterns.olliewp.com\/agency\/wp-content\/uploads\/2024\/04\/ollie-avatar-3.webp\" alt=\"\" class=\"wp-image-176\" style=\"border-radius:10px;width:32px\"\/><\/figure>\n\n\n\n<p><strong>Michael Best<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained\">\n<p class=\"has-primary-alt-color has-text-color has-link-color has-small-font-size wp-elements-cd49a3ba83170d87320b1cb868e2606a\">\u2605\u2605\u2605\u2605\u2605<\/p>\n\n\n\n<p class=\"has-small-font-size\">Not only have I expanded my digital art business, but I&#8217;ve also discovered new avenues to monetize my creativity. <\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-1b11d160 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized has-custom-border\"><img decoding=\"async\" src=\"https:\/\/patterns.olliewp.com\/agency\/wp-content\/uploads\/2024\/04\/ollie-avatar-5.webp\" alt=\"\" class=\"wp-image-178\" style=\"border-radius:10px;width:32px\"\/><\/figure>\n\n\n\n<p><strong>Andrew Mitchell<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/li><li class=\"wp-block-post post-62 ollie_pattern type-ollie_pattern status-publish hentry\">\n<div class=\"entry-content wp-block-post-content is-layout-flow wp-block-post-content-is-layout-flow\">\n<section class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-8aea5c0f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--xx-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--xx-large);padding-left:var(--wp--preset--spacing--medium)\">\n<div class=\"wp-block-group alignwide ollie-row-stack is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-ac7b6909 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group alignwide wp-container-content-9e2f13cb is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-8c366a71 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-x-large-font-size\">Features you can scale with<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-container-core-buttons-is-layout-c8b6bfc8 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link wp-element-button\">Get Started Today<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-grid wp-container-core-group-is-layout-d88a0cef wp-block-group-is-layout-grid\">\n<div class=\"wp-block-group has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e20e7e2d wp-block-group-is-layout-constrained\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-icon-background-color has-primary-alt-background-color has-main-color\" style=\"background-color:#CEF453;color:#14111f;width:50px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;border-radius:10px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M3.99961 13C4.67043 13.3354 4.6703 13.3357 4.67017 13.3359L4.67298 13.3305C4.67621 13.3242 4.68184 13.3135 4.68988 13.2985C4.70595 13.2686 4.7316 13.2218 4.76695 13.1608C4.8377 13.0385 4.94692 12.8592 5.09541 12.6419C5.39312 12.2062 5.84436 11.624 6.45435 11.0431C7.67308 9.88241 9.49719 8.75 11.9996 8.75C14.502 8.75 16.3261 9.88241 17.5449 11.0431C18.1549 11.624 18.6061 12.2062 18.9038 12.6419C19.0523 12.8592 19.1615 13.0385 19.2323 13.1608C19.2676 13.2218 19.2933 13.2686 19.3093 13.2985C19.3174 13.3135 19.323 13.3242 19.3262 13.3305L19.3291 13.3359C19.3289 13.3357 19.3288 13.3354 19.9996 13C20.6704 12.6646 20.6703 12.6643 20.6701 12.664L20.6697 12.6632L20.6688 12.6614L20.6662 12.6563L20.6583 12.6408C20.6517 12.6282 20.6427 12.6108 20.631 12.5892C20.6078 12.5459 20.5744 12.4852 20.5306 12.4096C20.4432 12.2584 20.3141 12.0471 20.1423 11.7956C19.7994 11.2938 19.2819 10.626 18.5794 9.9569C17.1731 8.61759 14.9972 7.25 11.9996 7.25C9.00203 7.25 6.82614 8.61759 5.41987 9.9569C4.71736 10.626 4.19984 11.2938 3.85694 11.7956C3.68511 12.0471 3.55605 12.2584 3.4686 12.4096C3.42484 12.4852 3.39142 12.5459 3.36818 12.5892C3.35656 12.6108 3.34748 12.6282 3.34092 12.6408L3.33297 12.6563L3.33041 12.6614L3.32948 12.6632L3.32911 12.664C3.32894 12.6643 3.32879 12.6646 3.99961 13ZM11.9996 16C13.9326 16 15.4996 14.433 15.4996 12.5C15.4996 10.567 13.9326 9 11.9996 9C10.0666 9 8.49961 10.567 8.49961 12.5C8.49961 14.433 10.0666 16 11.9996 16Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-medium-font-size\">Visual Building<\/h3>\n\n\n\n<p>Create unlimited interactive prototypes and designs using our drag-and-drop interface with real-time preview capabilities.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-button-light is-style-button-light--1\"><a class=\"wp-block-button__link wp-element-button\">Read More<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e20e7e2d wp-block-group-is-layout-constrained\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-icon-background-color has-primary-alt-background-color has-main-color\" style=\"background-color:#CEF453;color:#14111f;width:50px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;border-radius:10px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M17.2 10.9c-.5-1-1.2-2.1-2.1-3.2-.6-.9-1.3-1.7-2.1-2.6L12 4l-1 1.1c-.6.9-1.3 1.7-2 2.6-.8 1.2-1.5 2.3-2 3.2-.6 1.2-1 2.2-1 3 0 3.4 2.7 6.1 6.1 6.1s6.1-2.7 6.1-6.1c0-.8-.3-1.8-1-3zm-5.1 7.6c-2.5 0-4.6-2.1-4.6-4.6 0-.3.1-1 .8-2.3.5-.9 1.1-1.9 2-3.1.7-.9 1.3-1.7 1.8-2.3.7.8 1.3 1.6 1.8 2.3.8 1.1 1.5 2.2 2 3.1.7 1.3.8 2 .8 2.3 0 2.5-2.1 4.6-4.6 4.6z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-medium-font-size\">Design System<\/h3>\n\n\n\n<p>Maintain brand consistency with custom component libraries, reusable styles, and automated design token management.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-button-light is-style-button-light--2\"><a class=\"wp-block-button__link has-base-background-color has-background wp-element-button\">Read More<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e20e7e2d wp-block-group-is-layout-constrained\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-icon-background-color has-primary-alt-background-color has-main-color\" style=\"background-color:#CEF453;color:#14111f;width:50px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;border-radius:10px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M12.5939 21C14.1472 21 16.1269 20.5701 17.0711 20.1975L16.6447 18.879C16.0964 19.051 14.3299 19.6242 12.6548 19.6242C7.4467 19.6242 4.67513 16.8726 4.67513 12C4.67513 7.21338 7.50762 4.34713 12.2893 4.34713C17.132 4.34713 19.4162 7.55732 19.4162 10.7675C19.4162 14.035 19.0508 15.4968 17.4975 15.4968C16.5838 15.4968 16.0964 14.7803 16.0964 13.9777V7.5H14.4822V8.30255H14.3909C14.1777 7.67198 12.9898 7.12739 11.467 7.2707C9.18274 7.5 7.4467 9.27707 7.4467 11.8567C7.4467 14.5796 8.81726 16.672 11.467 16.758C13.203 16.8153 14.1168 16.0127 14.4822 15.1815H14.5736C14.7563 16.414 16.401 16.8439 17.467 16.8439C20.6954 16.8439 21 13.5764 21 10.7962C21 6.86943 18.0761 3 12.3807 3C6.50254 3 3 6.3535 3 11.9427C3 17.7325 6.38071 21 12.5939 21ZM11.7107 15.2962C9.73096 15.2962 9.03046 13.6051 9.03046 11.7707C9.03046 10.1083 10.0355 8.67516 11.7716 8.67516C13.599 8.67516 14.5736 9.36306 14.5736 11.7707C14.5736 14.1497 13.7513 15.2962 11.7107 15.2962Z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-medium-font-size\">Team Collaboration<\/h3>\n\n\n\n<p>Work simultaneously with unlimited team members while managing permissions, feedback, and version control in one place.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-button-light is-style-button-light--3\"><a class=\"wp-block-button__link has-base-background-color has-background wp-element-button\">Read More<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e20e7e2d wp-block-group-is-layout-constrained\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-icon-background-color has-primary-alt-background-color has-main-color\" style=\"background-color:#CEF453;color:#14111f;width:50px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;border-radius:10px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3.445 16.505a.75.75 0 001.06.05l5.005-4.55 4.024 3.521 4.716-4.715V14h1.5V8.25H14v1.5h3.19l-3.724 3.723L9.49 9.995l-5.995 5.45a.75.75 0 00-.05 1.06z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-medium-font-size\">Analytics Dashboard<\/h3>\n\n\n\n<p>Track user engagement, monitor design performance, and generate custom reports to optimize your design decisions.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-button-light is-style-button-light--4\"><a class=\"wp-block-button__link has-base-background-color has-background wp-element-button\">Read More<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e20e7e2d wp-block-group-is-layout-constrained\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-icon-background-color has-primary-alt-background-color has-main-color\" style=\"background-color:#CEF453;color:#14111f;width:50px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;border-radius:10px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M20.8 10.7l-4.3-4.3-1.1 1.1 4.3 4.3c.1.1.1.3 0 .4l-4.3 4.3 1.1 1.1 4.3-4.3c.7-.8.7-1.9 0-2.6zM4.2 11.8l4.3-4.3-1-1-4.3 4.3c-.7.7-.7 1.8 0 2.5l4.3 4.3 1.1-1.1-4.3-4.3c-.2-.1-.2-.3-.1-.4z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-medium-font-size\">Developer Handoff<\/h3>\n\n\n\n<p>Export production-ready code, detailed specifications, and complete documentation with a single click.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-button-light is-style-button-light--5\"><a class=\"wp-block-button__link has-base-background-color has-background wp-element-button\">Read More<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-e20e7e2d wp-block-group-is-layout-constrained\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-icon-background-color has-primary-alt-background-color has-main-color\" style=\"background-color:#CEF453;color:#14111f;width:50px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;border-radius:10px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 4.75a7.25 7.25 0 100 14.5 7.25 7.25 0 000-14.5zM3.25 12a8.75 8.75 0 1117.5 0 8.75 8.75 0 01-17.5 0zM12 8.75a1.5 1.5 0 01.167 2.99c-.465.052-.917.44-.917 1.01V14h1.5v-.845A3 3 0 109 10.25h1.5a1.5 1.5 0 011.5-1.5zM11.25 15v1.5h1.5V15h-1.5z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-medium-font-size\">Priority Support<\/h3>\n\n\n\n<p>Get dedicated access to our design experts with 24\/7 priority support and personalized onboarding sessions.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-button-light is-style-button-light--6\"><a class=\"wp-block-button__link has-base-background-color has-background wp-element-button\">Read More<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/li><li class=\"wp-block-post post-66 ollie_pattern type-ollie_pattern status-publish hentry\">\n<div class=\"entry-content wp-block-post-content is-layout-flow wp-block-post-content-is-layout-flow\">\n<section class=\"wp-block-group alignfull has-main-color has-primary-alt-background-color has-text-color has-background has-link-color wp-elements-022c91f2b2dc8b446692986300ed4b2f has-global-padding is-layout-constrained wp-container-core-group-is-layout-8aea5c0f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--xx-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--xx-large);padding-left:var(--wp--preset--spacing--medium)\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-97d981de wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-b464b688 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:60%\">\n<div class=\"wp-block-outermost-icon-block\"><div class=\"icon-container has-icon-color has-icon-background-color has-main-background-color has-primary-alt-color\" style=\"background-color:#0E0E0E;color:#CEF453;width:50px;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;border-radius:10px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><path d=\"M13 6v6h5.2v4c0 .8-.2 1.4-.5 1.7-.6.6-1.6.6-2.5.5h-.3v1.5h.5c1 0 2.3-.1 3.3-1 .6-.6 1-1.6 1-2.8V6H13zm-9 6h5.2v4c0 .8-.2 1.4-.5 1.7-.6.6-1.6.6-2.5.5h-.3v1.5h.5c1 0 2.3-.1 3.3-1 .6-.6 1-1.6 1-2.8V6H4v6z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">\u201cAgency transformed our entire digital presence with an approach that was both innovative and deeply strategic. Their team didn&#8217;t just deliver beautiful designs \u2013 they developed a comprehensive system that has scaled seamlessly with our growth.\u201d<\/h2>\n\n\n\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-d5209ea4 wp-block-group-is-layout-constrained\">\n<p>Find out how we can help you design better, launch faster, and grow quicker. <span style=\"text-decoration: underline;\">Read More<\/span><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-cover has-custom-content-position is-position-bottom-center has-aspect-ratio\" style=\"border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:100px;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium);min-height:550px;aspect-ratio:3\/4;min-height:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient\" style=\"background:linear-gradient(180deg,rgba(21,17,31,0) 39%,rgb(14,14,14) 100%)\"><\/span><img decoding=\"async\" class=\"wp-block-cover__image-background wp-image-304\" alt=\"\" src=\"https:\/\/patterns.olliewp.com\/agency\/wp-content\/uploads\/2025\/01\/agency-image-17.webp\" data-object-fit=\"cover\"\/><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-8217c53c wp-block-cover-is-layout-constrained\">\n<div class=\"wp-block-group is-style-default is-vertical is-nowrap is-layout-flex wp-container-core-group-is-layout-f44fb481 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group has-main-color has-primary-alt-background-color has-text-color has-background has-link-color wp-elements-7971ccf0c5a9500fdc2efa2eb1ba57c3 has-global-padding is-layout-constrained wp-container-core-group-is-layout-03cfb5f6 wp-block-group-is-layout-constrained\" style=\"padding-top:0.5em;padding-right:0.5em;padding-bottom:0.5em;padding-left:0.5em\">\n<h3 class=\"wp-block-heading\">Andy Indominus<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-tertiary-color has-main-background-color has-text-color has-background has-link-color wp-elements-c362a23ccd31b7cc4b4cab8b5f2d7e8d has-global-padding is-layout-constrained wp-container-core-group-is-layout-03cfb5f6 wp-block-group-is-layout-constrained\" style=\"padding-top:0.5em;padding-right:0.5em;padding-bottom:0.5em;padding-left:0.5em\">\n<p class=\"has-small-font-size\">Engineering Director<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/li><li class=\"wp-block-post post-67 ollie_pattern type-ollie_pattern status-publish hentry\">\n<div class=\"entry-content wp-block-post-content is-layout-flow wp-block-post-content-is-layout-flow\">\n<section class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-8aea5c0f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--xx-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--xx-large);padding-left:var(--wp--preset--spacing--medium)\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-bottom is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-x-large-font-size\">Start getting results<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\">\n<p>We\u2019re here to help answer any questions you might have before you make a purchase. Didn\u2019t find an answer? Send us an email for more help.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignwide has-text-color has-border-light-color has-alpha-channel-opacity has-border-light-background-color has-background is-style-separator-thin\"\/>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f803cc6b wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f66f9956 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\" style=\"margin-top:0.5%\"><div class=\"icon-container has-icon-color has-icon-background-color has-primary-alt-background-color has-main-color\" style=\"background-color:#CEF453;color:#14111f;width:2.8em;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;border-radius:10px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Start designing and launching beautiful websites without limits<\/h3>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<p>Unleash your creativity with our comprehensive suite of design tools that let you build stunning, responsive websites complete with animations, interactions, and dynamic content.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignwide has-text-color has-border-light-color has-alpha-channel-opacity has-border-light-background-color has-background is-style-separator-thin\"\/>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f803cc6b wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f66f9956 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\" style=\"margin-top:0.5%\"><div class=\"icon-container has-icon-color has-icon-background-color has-primary-alt-background-color has-main-color\" style=\"background-color:#CEF453;color:#14111f;width:2.8em;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;border-radius:10px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Create automated workflows that save you precious time and money<\/h3>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<p>Transform your design process with intelligent automation features that handle repetitive tasks, streamline asset management, and automatically sync design changes across your projects.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignwide has-text-color has-border-light-color has-alpha-channel-opacity has-border-light-background-color has-background is-style-separator-thin\"\/>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f803cc6b wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f66f9956 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\" style=\"margin-top:0.5%\"><div class=\"icon-container has-icon-color has-icon-background-color has-primary-alt-background-color has-main-color\" style=\"background-color:#CEF453;color:#14111f;width:2.8em;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;border-radius:10px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Make quick and easy customizations with our intuitive no-code design tools<\/h3>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<p>Take control of your design iterations with our visual editor that enables real-time adjustments to layouts, components, and styling \u2013 perfect for rapid prototyping and on-the-fly client presentations.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator alignwide has-text-color has-border-light-color has-alpha-channel-opacity has-border-light-background-color has-background is-style-separator-thin\"\/>\n\n\n\n<div class=\"wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-f803cc6b wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f66f9956 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-outermost-icon-block\" style=\"margin-top:0.5%\"><div class=\"icon-container has-icon-color has-icon-background-color has-primary-alt-background-color has-main-color\" style=\"background-color:#CEF453;color:#14111f;width:2.8em;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;border-radius:10px;transform:rotate(0deg) scaleX(1) scaleY(1)\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z\"><\/path><\/svg><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Initiate seamless handoffs to developers, clients, and end users with collaboration tools<\/h3>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<p>Bridge the gap between design and implementation with our comprehensive handoff system that generates clean code, detailed documentation, and interactive specifications.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/li><li class=\"wp-block-post post-61 ollie_pattern type-ollie_pattern status-publish hentry\">\n<div class=\"entry-content wp-block-post-content is-layout-flow wp-block-post-content-is-layout-flow\">\n<section class=\"wp-block-group alignfull has-main-accent-color has-main-background-color has-text-color has-background has-link-color wp-elements-1d032ad15527431d18f8cf4c78369480 has-global-padding is-layout-constrained wp-container-core-group-is-layout-8aea5c0f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--xx-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--xx-large);padding-left:var(--wp--preset--spacing--medium)\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-bottom is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading has-base-color has-text-color has-link-color has-x-large-font-size wp-elements-132fb3e821614abd281f0ba0d0dbee87\">Get the Creators Guide and get creating<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\">\n<p>Say goodbye to the traditional design-to-development bottleneck and hello to seamless creation. Our suite of no-code tools empowers your team to build production-ready designs that look and work exactly as intended.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide has-primary-accent-color has-primary-background-color has-text-color has-background has-link-color wp-elements-e3cb2477a20132ec36bf93d04f5f1405 is-layout-flex wp-container-core-columns-is-layout-5b3116c9 wp-block-columns-is-layout-flex\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(4.846rem, 4.846rem + ((1vw - 0.2rem) * 10.475), 11rem);line-height:.8\">01<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<h2 class=\"wp-block-heading has-base-color has-text-color has-link-color wp-elements-21ad59d54bc18f68a9d037daa389ac67\">Visual page builder<\/h2>\n\n\n\n<p>Build sophisticated interactions and working prototypes with our intuitive drag-and-drop interface. Connect elements, define behaviors, and test your designs in real-time, all without touching code \u2013 transform the way you bring your ideas to life.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide has-main-color has-primary-alt-background-color has-text-color has-background has-link-color wp-elements-8588caff6793b7ef2caf60dbc8b8b053 is-layout-flex wp-container-core-columns-is-layout-5b3116c9 wp-block-columns-is-layout-flex\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(4.846rem, 4.846rem + ((1vw - 0.2rem) * 10.475), 11rem);line-height:.8\">02<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<h2 class=\"wp-block-heading has-main-color has-text-color has-link-color wp-elements-877b0cf297053c3144f314e6ce701cb2\">Component library<\/h2>\n\n\n\n<p>Access thousands of pre-built, responsive components that adapt to your brand&#8217;s design system. From basic UI elements to complex modules, every piece is accessibility-compliant and fully customizable, letting you create professional designs quickly.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide has-primary-accent-color has-primary-background-color has-text-color has-background has-link-color wp-elements-157f48342f5e4fb3c6df206fea2d8794 is-layout-flex wp-container-core-columns-is-layout-5b3116c9 wp-block-columns-is-layout-flex\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(4.846rem, 4.846rem + ((1vw - 0.2rem) * 10.475), 11rem);line-height:.8\">03<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<h2 class=\"wp-block-heading has-base-color has-text-color has-link-color wp-elements-28130814988711d02dd31a2608100eb8\">Collaboration hub<\/h2>\n\n\n\n<p>Streamline your team&#8217;s workflow with real-time collaboration features that keep everyone aligned. Leave contextual feedback, manage approvals, and maintain a single source of truth, all while integrating seamlessly with your favorite tools like Slack and Figma.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide has-main-color has-primary-alt-background-color has-text-color has-background has-link-color wp-elements-0b9f023ce00fc19ed3ec50dd0873de7d is-layout-flex wp-container-core-columns-is-layout-5b3116c9 wp-block-columns-is-layout-flex\" style=\"border-radius:20px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<h2 class=\"wp-block-heading\" style=\"font-size:clamp(4.846rem, 4.846rem + ((1vw - 0.2rem) * 10.475), 11rem);line-height:.8\">04<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<h2 class=\"wp-block-heading has-main-color has-text-color has-link-color wp-elements-0be4f7dfe5e10bea1e95816fb7967bd0\">Design analytics<\/h2>\n\n\n\n<p>Transform your design decisions with powerful analytics and user insights. Track interaction patterns, measure engagement metrics, and identify optimization opportunities through our intuitive dashboard.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/div>\n<\/li><\/ul><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-106","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/patterns.olliewp.com\/agency\/wp-json\/wp\/v2\/pages\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/patterns.olliewp.com\/agency\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/patterns.olliewp.com\/agency\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/patterns.olliewp.com\/agency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/patterns.olliewp.com\/agency\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":1,"href":"https:\/\/patterns.olliewp.com\/agency\/wp-json\/wp\/v2\/pages\/106\/revisions"}],"predecessor-version":[{"id":107,"href":"https:\/\/patterns.olliewp.com\/agency\/wp-json\/wp\/v2\/pages\/106\/revisions\/107"}],"wp:attachment":[{"href":"https:\/\/patterns.olliewp.com\/agency\/wp-json\/wp\/v2\/media?parent=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}