{"id":23116,"date":"2022-03-31T15:07:11","date_gmt":"2022-03-31T15:07:11","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/pricing-plans-with-highlight-en_au\/"},"modified":"2026-04-19T17:45:34","modified_gmt":"2026-04-19T17:45:34","slug":"pricing-plans-with-highlight-en_au","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/pricing-plans-with-highlight-en_au\/","title":{"rendered":"Pricing Plans with Highlight"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-0e47273b 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-border-color has-vivid-green-cyan-border-color is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:30px;border-width:2px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\">\n<p class=\"has-vivid-green-cyan-color has-text-color has-medium-font-size wp-block-paragraph\"><strong>Starter<\/strong><\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong><mark class=\"has-inline-color has-vivid-green-cyan-color\">$9<\/mark><\/strong>\/mo<\/p>\n\n\n\n<ul class=\"has-cyan-bluish-gray-color has-text-color has-small-font-size wp-block-list\"><li><mark class=\"has-inline-color has-black-color\">benefit one<\/mark><\/li><li><mark class=\"has-inline-color has-black-color\">benefit two<\/mark><\/li><li><mark class=\"has-inline-color has-black-color\">benefit three<\/mark><\/li><li><s>benefit four<\/s><\/li><li><s>benefit five<\/s><\/li><\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-outline has-small-font-size is-style-outline--1\"><a class=\"wp-block-button__link has-vivid-green-cyan-color has-text-color\" style=\"border-radius:100px\"><strong>Get Started<\/strong><\/a><\/div>\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-border-color has-vivid-cyan-blue-border-color is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:30px;border-width:2px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\">\n<p class=\"has-vivid-cyan-blue-color has-text-color has-medium-font-size wp-block-paragraph\"><strong>Business<\/strong><\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong><mark class=\"has-inline-color has-vivid-cyan-blue-color\">$29<\/mark><\/strong>\/mo<\/p>\n\n\n\n<ul class=\"has-cyan-bluish-gray-color has-text-color has-small-font-size wp-block-list\"><li><mark class=\"has-inline-color has-black-color\">benefit one<\/mark><\/li><li><mark class=\"has-inline-color has-black-color\">benefit two<\/mark><\/li><li><mark class=\"has-inline-color has-black-color\">benefit three<\/mark><\/li><li><mark class=\"has-inline-color has-black-color\">benefit four<\/mark><\/li><li><s>benefit five<\/s><\/li><\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-outline has-small-font-size is-style-outline--2\"><a class=\"wp-block-button__link has-vivid-cyan-blue-color has-text-color\" style=\"border-radius:100px\"><strong>Get Started<\/strong><\/a><\/div>\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-border-color has-vivid-purple-border-color has-white-color has-vivid-purple-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:30px;border-width:2px;padding-top:40px;padding-right:30px;padding-bottom:40px;padding-left:30px\">\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Starter<\/strong><\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><strong>$99<\/strong>\/mo<\/p>\n\n\n\n<ul class=\"has-white-color has-text-color has-small-font-size wp-block-list\"><li>benefit one<\/li><li>benefit two<\/li><li>benefit three<\/li><li>benefit four<\/li><li>benefit five<\/li><\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-font-size is-style-fill has-small-font-size\"><a class=\"wp-block-button__link has-vivid-purple-color has-white-background-color has-text-color has-background\" style=\"border-radius:100px\"><strong>Get Started<\/strong><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":8517212,"parent":21593,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"Pricing Table, pricing plans, saas pricing, featured pricing, highlight pricing, featured price table, colorful pricing, price options","wpop_description":"A set of pricing plans with highlight colors and one featured option.","wpop_viewport_width":800,"wpop_block_types":[""],"wpop_locale":"en_AU","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/group,core\/list,core\/paragraph","footnotes":""},"pattern-categories":[2,3,6],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-23116","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-buttons","wporg-pattern-category-columns","wporg-pattern-category-text"],"category_slugs":["buttons","columns","text"],"keyword_slugs":[],"pattern_content":"<!-- wp:columns {\"align\":\"wide\"} -->\n<div class=\"wp-block-columns alignwide\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"30px\",\"right\":\"30px\",\"bottom\":\"30px\",\"left\":\"30px\"}},\"border\":{\"width\":\"2px\",\"radius\":\"30px\"}},\"borderColor\":\"vivid-green-cyan\"} -->\n<div class=\"wp-block-group has-border-color has-vivid-green-cyan-border-color\" style=\"border-radius:30px;border-width:2px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\"><!-- wp:paragraph {\"textColor\":\"vivid-green-cyan\",\"fontSize\":\"medium\"} -->\n<p class=\"has-vivid-green-cyan-color has-text-color has-medium-font-size\"><strong>Starter<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"fontSize\":\"large\"} -->\n<p class=\"has-large-font-size\"><strong><mark class=\"has-inline-color has-vivid-green-cyan-color\">$9<\/mark><\/strong>\/mo<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"textColor\":\"cyan-bluish-gray\",\"fontSize\":\"small\"} -->\n<ul class=\"has-cyan-bluish-gray-color has-text-color has-small-font-size\"><li><mark class=\"has-inline-color has-black-color\">benefit one<\/mark><\/li><li><mark class=\"has-inline-color has-black-color\">benefit two<\/mark><\/li><li><mark class=\"has-inline-color has-black-color\">benefit three<\/mark><\/li><li><s>benefit four<\/s><\/li><li><s>benefit five<\/s><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textColor\":\"vivid-green-cyan\",\"style\":{\"border\":{\"radius\":\"100px\"}},\"className\":\"is-style-outline\",\"fontSize\":\"small\"} -->\n<div class=\"wp-block-button has-custom-font-size is-style-outline has-small-font-size\"><a class=\"wp-block-button__link has-vivid-green-cyan-color has-text-color\" style=\"border-radius:100px\"><strong>Get Started<\/strong><\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"30px\",\"right\":\"30px\",\"bottom\":\"30px\",\"left\":\"30px\"}},\"border\":{\"width\":\"2px\",\"radius\":\"30px\"}},\"borderColor\":\"vivid-cyan-blue\"} -->\n<div class=\"wp-block-group has-border-color has-vivid-cyan-blue-border-color\" style=\"border-radius:30px;border-width:2px;padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px\"><!-- wp:paragraph {\"textColor\":\"vivid-cyan-blue\",\"fontSize\":\"medium\"} -->\n<p class=\"has-vivid-cyan-blue-color has-text-color has-medium-font-size\"><strong>Business<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"fontSize\":\"large\"} -->\n<p class=\"has-large-font-size\"><strong><mark class=\"has-inline-color has-vivid-cyan-blue-color\">$29<\/mark><\/strong>\/mo<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"textColor\":\"cyan-bluish-gray\",\"fontSize\":\"small\"} -->\n<ul class=\"has-cyan-bluish-gray-color has-text-color has-small-font-size\"><li><mark class=\"has-inline-color has-black-color\">benefit one<\/mark><\/li><li><mark class=\"has-inline-color has-black-color\">benefit two<\/mark><\/li><li><mark class=\"has-inline-color has-black-color\">benefit three<\/mark><\/li><li><mark class=\"has-inline-color has-black-color\">benefit four<\/mark><\/li><li><s>benefit five<\/s><\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textColor\":\"vivid-cyan-blue\",\"style\":{\"border\":{\"radius\":\"100px\"}},\"className\":\"is-style-outline\",\"fontSize\":\"small\"} -->\n<div class=\"wp-block-button has-custom-font-size is-style-outline has-small-font-size\"><a class=\"wp-block-button__link has-vivid-cyan-blue-color has-text-color\" style=\"border-radius:100px\"><strong>Get Started<\/strong><\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"40px\",\"right\":\"30px\",\"bottom\":\"40px\",\"left\":\"30px\"}},\"border\":{\"width\":\"2px\",\"radius\":\"30px\"}},\"borderColor\":\"vivid-purple\",\"backgroundColor\":\"vivid-purple\",\"textColor\":\"white\"} -->\n<div class=\"wp-block-group has-border-color has-vivid-purple-border-color has-white-color has-vivid-purple-background-color has-text-color has-background\" style=\"border-radius:30px;border-width:2px;padding-top:40px;padding-right:30px;padding-bottom:40px;padding-left:30px\"><!-- wp:paragraph {\"fontSize\":\"medium\"} -->\n<p class=\"has-medium-font-size\"><strong>Starter<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph {\"fontSize\":\"large\"} -->\n<p class=\"has-large-font-size\"><strong>$99<\/strong>\/mo<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list {\"textColor\":\"white\",\"fontSize\":\"small\"} -->\n<ul class=\"has-white-color has-text-color has-small-font-size\"><li>benefit one<\/li><li>benefit two<\/li><li>benefit three<\/li><li>benefit four<\/li><li>benefit five<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:buttons -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"white\",\"textColor\":\"vivid-purple\",\"style\":{\"border\":{\"radius\":\"100px\"}},\"className\":\"is-style-fill\",\"fontSize\":\"small\"} -->\n<div class=\"wp-block-button has-custom-font-size is-style-fill has-small-font-size\"><a class=\"wp-block-button__link has-vivid-purple-color has-white-background-color has-text-color has-background\" style=\"border-radius:100px\"><strong>Get Started<\/strong><\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->","favorite_count":0,"author_meta":{"name":"Dustin W. Stout","url":"https:\/\/wordpress.org\/patterns\/author\/dustinwstout","avatar":"https:\/\/secure.gravatar.com\/avatar\/08bf987acbc29da7bb02c8938ecf35fae3a5368b7290f22fafc5b45af9cc562a?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/23116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":1,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/23116\/revisions"}],"predecessor-version":[{"id":23724,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/23116\/revisions\/23724"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/dustinwstout"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=23116"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=23116"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=23116"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=23116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}