{"id":14,"date":"2024-03-12T19:45:31","date_gmt":"2024-03-12T19:45:31","guid":{"rendered":"https:\/\/www.mtsu.edu\/style-guide\/?page_id=14"},"modified":"2026-04-08T07:13:56","modified_gmt":"2026-04-08T07:13:56","slug":"design-blocks","status":"publish","type":"page","link":"https:\/\/www.mtsu.edu\/style-guide\/design-blocks\/","title":{"rendered":"Design Blocks"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Buttons<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-mtsublue-background-color has-background wp-element-button\" style=\"border-radius:95px\">MTSU Blue<\/a><\/div>\n\n\n\n<div class=\"wp-block-button has-custom-width wp-block-button__width-50\"><a class=\"wp-block-button__link has-mtsunavy-background-color has-background wp-element-button\" style=\"border-radius:5px\">MTSU Navy<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-accent-1-background-color has-background wp-element-button\" style=\"border-radius:5px\">Accent Color 1<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-accent-2-background-color has-background wp-element-button\" style=\"border-radius:5px\">Accent Color 2<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-accent-3-background-color has-background wp-element-button\" style=\"border-radius:5px\">Accent Color 3<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-accent-4-background-color has-background wp-element-button\" style=\"border-radius:5px\">Accent Color 4<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-accent-5-background-color has-background wp-element-button\" style=\"border-radius:5px\">Accent Color 5<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-gray-background-color has-background wp-element-button\" style=\"border-radius:5px\">Gray<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-standard-background-color has-background wp-element-button\" style=\"border-radius:5px\">Standard<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-background-color has-background wp-element-button\" style=\"border-radius:5px\">White<\/a><\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Large Block Buttons<\/h4>\n\n\n\n<div class=\"wp-block-buttons is-style-big-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-accent-2-background-color has-background wp-element-button\">Large Button 1<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-accent-5-background-color has-background wp-element-button\">Large Button 2<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Columns<\/h2>\n\n\n\n<div class=\"wp-block-columns 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<p>Column 1<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Column 2<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Column 3<\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Separator<\/h2>\n\n\n\n<p>Can be used to separate sections of content with different styles of horizontal lines<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-standard-color has-alpha-channel-opacity has-standard-background-color has-background is-style-wide\" \/>\n\n\n\n<h2 class=\"wp-block-heading\">Spacer<\/h2>\n\n\n\n<p>Can be used to separate sections of content with white space<\/p>\n\n\n\n<div style=\"height:84px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Buttons Large Block Buttons Columns Column 1 Column 2 Column 3 Separator Can be used to separate sections of content with different styles of horizontal lines Spacer Can be used to separate sections of content with white space<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-bannernosidebar.php","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":1,"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":558,"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/pages\/14\/revisions\/558"}],"wp:attachment":[{"href":"https:\/\/www.mtsu.edu\/style-guide\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}