{"id":1192020,"date":"2026-05-05T11:15:40","date_gmt":"2026-05-05T11:15:40","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=1192020"},"modified":"2026-05-05T11:15:40","modified_gmt":"2026-05-05T11:15:40","slug":"menu-with-image-and-two-colors","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/menu-with-image-and-two-colors\/","title":{"rendered":"menu with image and two colors"},"content":{"rendered":"\n<div class=\"wp-block-columns has-background is-layout-flex wp-container-core-columns-is-layout-1bc171f9 wp-block-columns-is-layout-flex\" style=\"border-top-left-radius:22px;border-top-right-radius:22px;border-bottom-left-radius:22px;border-bottom-right-radius:22px;background-color:#cdcdcd;padding-top:1%;padding-right:1%;padding-bottom:1%;padding-left:1%\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<div class=\"wp-block-columns has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-ef18ce5b wp-block-columns-is-layout-flex\" style=\"border-top-left-radius:22px;border-top-right-radius:22px;border-bottom-left-radius:22px;border-bottom-right-radius:22px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<div class=\"wp-block-column is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-b4f291b5 wp-block-column-is-layout-constrained\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full has-custom-border is-style-default\"><img decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L3Vwd2s2MTc1NTM1OS13aWtpbWVkaWEtaW1hZ2Uta293cW9zeDIuanBn.jpg\" alt=\"\" style=\"border-top-left-radius:22px;border-top-right-radius:22px;border-bottom-left-radius:22px;border-bottom-right-radius:22px;aspect-ratio:3\/4;object-fit:cover\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-constrained wp-block-column-is-layout-constrained\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-072e5ecd wp-block-group-is-layout-flex\" style=\"margin-top:0px;margin-bottom:0px;padding-right:21px;padding-left:21px\">\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-1b8dd66d\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center has-text-color has-link-color has-monospace-font-family wp-elements-11e2897670a498e4297c78de5ec174f3\" style=\"color:#fdf6f4;font-style:normal;font-weight:500\">&amp;<\/h1>\n\n\n\n<div style=\"height:64px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-d25f37ba\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"margin-bottom:-11px;background-color:#fdf6f4;color:#fdf6f4\" \/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-right has-text-color has-link-color has-monospace-font-family wp-elements-0e6fa7a68f88b6b0e58643dc0533c8e6\" style=\"color:#fdf6f4;margin-bottom:17px;font-size:12px;font-style:normal;font-weight:700\">Architecture is frozen music<\/h2>\n<\/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\" style=\"flex-basis:33.33%\">\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-7e19167a wp-block-group-is-layout-flex\" style=\"padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px\">\n<h2 class=\"wp-block-heading has-inter-font-family\" style=\"font-size:23px;font-style:normal;font-weight:700\">Urbanism&nbsp;<\/h2>\n\n\n\n<div style=\"height:47px\" aria-hidden=\"true\" class=\"wp-block-spacer wp-container-content-b0964dc8\"><\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-288be330 wp-block-group-is-layout-flex\" style=\"min-height:0px\">\n<div class=\"wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-732e1016 wp-block-group-is-layout-flex\" style=\"border-top-style:none;border-top-width:0px;border-bottom-color:#0a0a0a;border-bottom-width:1px\">\n<p class=\"has-text-align-right wp-block-paragraph\" style=\"font-size:13px\">Density<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-19614cab wp-block-group-is-layout-flex\" style=\"border-top-style:none;border-top-width:0px;border-bottom-color:#0a0a0a;border-bottom-width:1px\">\n<p class=\"wp-block-paragraph\" style=\"font-size:13px\">Resilience&nbsp;<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-19614cab wp-block-group-is-layout-flex\" style=\"border-top-style:none;border-top-width:0px;border-bottom-color:#0a0a0a;border-bottom-width:1px\">\n<p class=\"wp-block-paragraph\" style=\"font-size:13px\">Walkability<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-19614cab wp-block-group-is-layout-flex\" style=\"border-top-style:none;border-top-width:0px;border-bottom-color:#0a0a0a;border-bottom-width:1px\">\n<p class=\"has-text-align-left wp-block-paragraph\" style=\"font-size:13px\">Public Space<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-19614cab wp-block-group-is-layout-flex\" style=\"border-top-style:none;border-top-width:0px;border-bottom-color:#0a0a0a;border-bottom-width:1px\">\n<p class=\"wp-block-paragraph\" style=\"font-size:13px\">Development<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":23439362,"parent":0,"template":"","meta":{"wpop_keywords":"","wpop_description":"Business cards for companies. Featuring an image with the most promotional text on the front and the more technical information on the right.","wpop_viewport_width":1200,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/group,core\/heading,core\/image,core\/paragraph,core\/separator,core\/spacer","footnotes":""},"pattern-categories":[47,60,3,82],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-1192020","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-about","wporg-pattern-category-banner","wporg-pattern-category-columns","wporg-pattern-category-intro"],"category_slugs":["about","banner","columns","intro"],"keyword_slugs":[],"pattern_content":"<!-- wp:columns {\"style\":{\"color\":{\"background\":\"#cdcdcd\"},\"border\":{\"radius\":{\"topLeft\":\"22px\",\"topRight\":\"22px\",\"bottomLeft\":\"22px\",\"bottomRight\":\"22px\"}},\"spacing\":{\"padding\":{\"top\":\"1%\",\"bottom\":\"1%\",\"left\":\"1%\",\"right\":\"1%\"}}}} -->\n<div class=\"wp-block-columns has-background\" style=\"border-top-left-radius:22px;border-top-right-radius:22px;border-bottom-left-radius:22px;border-bottom-right-radius:22px;background-color:#cdcdcd;padding-top:1%;padding-right:1%;padding-bottom:1%;padding-left:1%\"><!-- wp:column {\"width\":\"66.66%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\"><!-- wp:columns {\"style\":{\"border\":{\"radius\":{\"topLeft\":\"22px\",\"topRight\":\"22px\",\"bottomLeft\":\"22px\",\"bottomRight\":\"22px\"}},\"spacing\":{\"padding\":{\"top\":\"0px\",\"bottom\":\"0px\",\"left\":\"0px\",\"right\":\"0px\"},\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"}},\"layout\":{\"selfStretch\":\"fit\",\"flexSize\":null}},\"backgroundColor\":\"black\"} -->\n<div class=\"wp-block-columns has-black-background-color has-background\" style=\"border-top-left-radius:22px;border-top-right-radius:22px;border-bottom-left-radius:22px;border-bottom-right-radius:22px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\"><!-- wp:column {\"width\":\"66.66%\",\"layout\":{\"type\":\"constrained\",\"justifyContent\":\"left\"}} -->\n<div class=\"wp-block-column\" style=\"flex-basis:66.66%\"><!-- wp:image {\"aspectRatio\":\"3\/4\",\"scale\":\"cover\",\"sizeSlug\":\"full\",\"linkDestination\":\"none\",\"className\":\"is-style-default\",\"style\":{\"border\":{\"radius\":{\"topLeft\":\"22px\",\"topRight\":\"22px\",\"bottomLeft\":\"22px\",\"bottomRight\":\"22px\"}},\"layout\":{\"selfStretch\":\"fit\",\"flexSize\":null}}} -->\n<figure class=\"wp-block-image size-full has-custom-border is-style-default\"><img src=\"https:\/\/images.rawpixel.com\/editor_1024\/cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA0L3Vwd2s2MTc1NTM1OS13aWtpbWVkaWEtaW1hZ2Uta293cW9zeDIuanBn.jpg\" alt=\"\" style=\"border-top-left-radius:22px;border-top-right-radius:22px;border-bottom-left-radius:22px;border-bottom-right-radius:22px;aspect-ratio:3\/4;object-fit:cover\" \/><\/figure>\n<!-- \/wp:image --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"33.33%\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\"><!-- wp:group {\"style\":{\"spacing\":{\"margin\":{\"top\":\"0px\",\"bottom\":\"0px\"},\"padding\":{\"right\":\"21px\",\"left\":\"21px\"}}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"stretch\",\"verticalAlignment\":\"center\"}} -->\n<div class=\"wp-block-group\" style=\"margin-top:0px;margin-bottom:0px;padding-right:21px;padding-left:21px\"><!-- wp:spacer {\"height\":\"36px\",\"style\":{\"layout\":{\"flexSize\":\"36px\",\"selfStretch\":\"fixed\"}}} -->\n<div style=\"height:36px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:heading {\"level\":1,\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"#fdf6f4\"}}},\"color\":{\"text\":\"#fdf6f4\"},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"textAlign\":\"center\"}},\"fontFamily\":\"monospace\"} -->\n<h1 class=\"wp-block-heading has-text-align-center has-text-color has-link-color has-monospace-font-family\" style=\"color:#fdf6f4;font-style:normal;font-weight:500\">&amp;<\/h1>\n<!-- \/wp:heading -->\n\n<!-- wp:spacer {\"height\":\"64px\",\"style\":{\"layout\":{\"flexSize\":\"64px\",\"selfStretch\":\"fixed\"}}} -->\n<div style=\"height:64px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:separator {\"className\":\"is-style-wide\",\"style\":{\"color\":{\"background\":\"#fdf6f4\"},\"spacing\":{\"margin\":{\"bottom\":\"-11px\"}}}} -->\n<hr class=\"wp-block-separator has-text-color has-alpha-channel-opacity has-background is-style-wide\" style=\"margin-bottom:-11px;background-color:#fdf6f4;color:#fdf6f4\" \/>\n<!-- \/wp:separator -->\n\n<!-- wp:heading {\"style\":{\"elements\":{\"link\":{\"color\":{\"text\":\"#fdf6f4\"}}},\"color\":{\"text\":\"#fdf6f4\"},\"typography\":{\"fontSize\":\"12px\",\"textAlign\":\"right\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\"},\"spacing\":{\"margin\":{\"bottom\":\"17px\"}}},\"fontFamily\":\"monospace\"} -->\n<h2 class=\"wp-block-heading has-text-align-right has-text-color has-link-color has-monospace-font-family\" style=\"color:#fdf6f4;margin-bottom:17px;font-size:12px;font-style:normal;font-weight:700\">Architecture is frozen music<\/h2>\n<!-- \/wp:heading --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"33.33%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:33.33%\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"right\":\"18px\",\"left\":\"18px\",\"top\":\"16px\",\"bottom\":\"16px\"}}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"stretch\"}} -->\n<div class=\"wp-block-group\" style=\"padding-top:16px;padding-right:18px;padding-bottom:16px;padding-left:18px\"><!-- wp:heading {\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"fontSize\":\"23px\"}},\"fontFamily\":\"inter\"} -->\n<h2 class=\"wp-block-heading has-inter-font-family\" style=\"font-size:23px;font-style:normal;font-weight:700\">Urbanism&nbsp;<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:spacer {\"height\":\"47px\",\"style\":{\"layout\":{\"flexSize\":\"47px\",\"selfStretch\":\"fixed\"}}} -->\n<div style=\"height:47px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<!-- \/wp:spacer -->\n\n<!-- wp:group {\"style\":{\"dimensions\":{\"minHeight\":\"0px\"},\"spacing\":{\"blockGap\":\"18px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\",\"justifyContent\":\"stretch\",\"verticalAlignment\":\"bottom\"}} -->\n<div class=\"wp-block-group\" style=\"min-height:0px\"><!-- wp:group {\"style\":{\"border\":{\"top\":{\"width\":\"0px\",\"style\":\"none\"},\"right\":[],\"bottom\":{\"color\":\"#0a0a0a\",\"width\":\"1px\"},\"left\":[]},\"spacing\":{\"blockGap\":\"0px\"}},\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"right\"}} -->\n<div class=\"wp-block-group\" style=\"border-top-style:none;border-top-width:0px;border-bottom-color:#0a0a0a;border-bottom-width:1px\"><!-- wp:paragraph {\"style\":{\"typography\":{\"textAlign\":\"right\",\"fontSize\":\"13px\"}}} -->\n<p class=\"has-text-align-right\" style=\"font-size:13px\">Density<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"border\":{\"top\":{\"width\":\"0px\",\"style\":\"none\"},\"right\":[],\"bottom\":{\"color\":\"#0a0a0a\",\"width\":\"1px\"},\"left\":[]}},\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"right\"}} -->\n<div class=\"wp-block-group\" style=\"border-top-style:none;border-top-width:0px;border-bottom-color:#0a0a0a;border-bottom-width:1px\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"13px\"}}} -->\n<p style=\"font-size:13px\">Resilience&nbsp;<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"border\":{\"top\":{\"width\":\"0px\",\"style\":\"none\"},\"right\":[],\"bottom\":{\"color\":\"#0a0a0a\",\"width\":\"1px\"},\"left\":[]}},\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"right\"}} -->\n<div class=\"wp-block-group\" style=\"border-top-style:none;border-top-width:0px;border-bottom-color:#0a0a0a;border-bottom-width:1px\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"13px\"}}} -->\n<p style=\"font-size:13px\">Walkability<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"border\":{\"top\":{\"width\":\"0px\",\"style\":\"none\"},\"right\":[],\"bottom\":{\"color\":\"#0a0a0a\",\"width\":\"1px\"},\"left\":[]}},\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"right\"}} -->\n<div class=\"wp-block-group\" style=\"border-top-style:none;border-top-width:0px;border-bottom-color:#0a0a0a;border-bottom-width:1px\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"13px\",\"textAlign\":\"left\"}}} -->\n<p class=\"has-text-align-left\" style=\"font-size:13px\">Public Space<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->\n\n<!-- wp:group {\"style\":{\"border\":{\"top\":{\"width\":\"0px\",\"style\":\"none\"},\"right\":[],\"bottom\":{\"color\":\"#0a0a0a\",\"width\":\"1px\"},\"left\":[]}},\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"right\"}} -->\n<div class=\"wp-block-group\" style=\"border-top-style:none;border-top-width:0px;border-bottom-color:#0a0a0a;border-bottom-width:1px\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"13px\"}}} -->\n<p style=\"font-size:13px\">Development<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->","favorite_count":1,"author_meta":{"name":"Iv\u00e1n","url":"https:\/\/wordpress.org\/patterns\/author\/ivangali","avatar":"https:\/\/secure.gravatar.com\/avatar\/6261d4adb23b5a19fd3a63fc847662aa6114d943d486adbe9cec7cd34e179fa5?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\/1192020","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":30,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1192020\/revisions"}],"predecessor-version":[{"id":1196107,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1192020\/revisions\/1196107"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/ivangali"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=1192020"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=1192020"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=1192020"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=1192020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}