![\"\"](\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-09-091012.png\")
<\/figure>\n\n\n\nBackground color<\/h2>\n\n\n\n
Applying brand guideline colors to containers, regions, and etc.<\/p>\n\n\n\n These are where settings can be altered for mobile landscape and portrait viewport. Ex. If you add margin\/padding for your desktop experience but would like it removed in mobile, using the Responsive settings, you can checkmark \u2018no margins\u2019 to remove the space.<\/p>\n\n\n\n Pods are containers with spacing and color backgrounds. This can be applied to containers to give spacing and backgrounds reflecting your brand.<\/p>\n\n\n\n Styling will have rounded borders, color borders, shadows that follow your brand guidelines.<\/p>\n\n\n\n *There may be other micro-themes that appear based on the components you select. Ex. If you select a choice or a choice group, styling, etc. will appear for additional choice edits.<\/p>\n\n\n\n It is more efficient to apply container colours via the region and pods micro-theme because the content within the containers will adjust its colour styling rather than applying a background colour. Background colours should only be applied if the pod or region colour isn\u2019t available. If the pod or region colour isn\u2019t available, there is a transparent dropdown option in both the region and pods micro-theme to still set the default spacing.<\/p>\n\n\n\n In general Regions are used for sections and pods are used for small components such as resources. Ex. If a peppercorn region or pod is applied to container, the elements within the container will change colour to white for readability and accessibility. If you a background color is applied instead, the content will remain its default color.<\/p>\n\n\n\n It is best to use the micro-themes for styling. Other If you select flows, forms, reveals, tabs, accordions, and etc., using the Other micro-theme will allow you to edit the animation, styling of these […]<\/p>\n","protected":false},"author":21,"featured_media":5314,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[470,41],"tags":[2157],"class_list":["post-6561","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-micro-themes","category-the-content-personalization","tag-micro-themes"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/6561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=6561"}],"version-history":[{"count":3,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/6561\/revisions"}],"predecessor-version":[{"id":7125,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/6561\/revisions\/7125"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5314"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=6561"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=6561"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=6561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-09-091107.png\")
<\/figure>\n\n\n\nResponsive settings (MD), (SM) & (XS)<\/h2>\n\n\n\n
![\"\"](\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-09-091211.png\")
<\/figure>\n\n\n\nPods<\/h2>\n\n\n\n
![\"\"](\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-09-091308.png\")
<\/figure>\n\n\n\nStyling<\/h2>\n\n\n\n
![\"\"](\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-09-091414.png\")
<\/figure>\n\n\n\nRegions & Pods<\/h2>\n\n\n\n
![\"\"](\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot-2025-01-09-091443.png\")
<\/figure>\n","protected":false},"excerpt":{"rendered":"