{"id":2,"date":"2022-01-19T18:01:51","date_gmt":"2022-01-19T18:01:51","guid":{"rendered":"http:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/?page_id=2"},"modified":"2025-05-14T11:53:05","modified_gmt":"2025-05-14T18:53:05","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"wsu-hero wsu-width--full wsu-pattern--wsu-light-radial-left  wsu-hero--size-xsmall \">\r\n\t\t\r\n\t<div class=\"wsu-image-frame wsu-image-frame--fill\">\n\t<img src=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2022\/11\/1500x500-wsu-header-04.png\"\n\t\tsrcset=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2022\/11\/1500x500-wsu-header-04.png 8547w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2022\/11\/1500x500-wsu-header-04.png 396w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2022\/11\/1500x500-wsu-header-04.png 792w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2022\/11\/1500x500-wsu-header-04.png 768w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2022\/11\/1500x500-wsu-header-04.png 1536w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2022\/11\/1500x500-wsu-header-04.png 2048w\"\n\t\tsizes=\"(max-width: 8547px) 100vw, 8547px\"\n\t\talt=\"\"\n\t\tstyle=\"object-position: 50% 50%\"\n\t\t\/>\n<\/div>\n \r\n\r\n\t<div class=\"wsu-overlay wsu-pattern-after wsu-overlay--dark-left wsu-pattern--none\"><\/div>\r\n\t<div class=\"wsu-hero__content\">\r\n\t\t<div class=\"wsu-hero__caption\">\r\n\t\t\t\t\t\t\t\t\t<h1 id=\"title-id-69d09fa50f9bc\" class=\"wsu-title wsu-hero__title\"><span>WSU Web Design System<\/span><\/h1>\r\n\t\t\t\t\t\t\t\t\t<div class=\"wsu-caption wsu-hero__copy\">\r\n\t\t\t\tThe purpose of this website is to showcase the many different components and block elements of the WSU Web Design System. We will show many use-cases and provide examples with instructions for how to replicate the look.\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\n\n<section  class=\"wsu-section wsu-width--full wsu-color-background--gray-5 wsu-spacing-before--xxmedium\"  >\r\n    <div class=\"wsu-section__inner wsu-width--content\">    \n\n<h2>Content Blocks<\/h2>\n\n\n<div class=\"wsu-card-wrapper wsu-card-wrapper--per-row-2\" >\r\n    \n<article class=\"wsu-card  wsu-color-background--gray-85\">\r\n\t\t<div class=\"wsu-image-frame wsu-image--ratio-6-4\">\r\n\t\t<a href=\"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/buttons\/\" tabindex=\"-1\" aria-hidden=\"true\">\t\t\t<img src=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.18.00-PM.png\"\r\n\t\t\t\tsrcset=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.18.00-PM.png 1870w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.18.00-PM-396x362.png 396w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.18.00-PM-792x724.png 792w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.18.00-PM-768x702.png 768w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.18.00-PM-1536x1405.png 1536w\"\r\n\t\t\t\tsizes=\"(max-width: 1870px) 100vw, 1870px\"\r\n\t\t\t\talt=\"\"\r\n\t\t\t\tstyle=\"object-position: 50% 50%\"\r\n\t\t\t\t\/>\r\n\t\t<\/a>\t<\/div>\r\n\t\t<div class=\"wsu-card__content\">\r\n\t\t\t\t\t\t<h3 class=\"wsu-title  wsu-font-size--large\">\r\n\t\t\t<a href=\"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/buttons\/\">\t\t\t\tButtons\t\t\t<\/a>\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/article>\n\n<article class=\"wsu-card  wsu-color-background--gray-85\">\r\n\t\t<div class=\"wsu-image-frame wsu-image--ratio-6-4\">\r\n\t\t<a href=\"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/headers\/\" tabindex=\"-1\" aria-hidden=\"true\">\t\t\t<img src=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.22.33-PM.png\"\r\n\t\t\t\tsrcset=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.22.33-PM.png 970w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.22.33-PM-396x295.png 396w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.22.33-PM-792x590.png 792w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.22.33-PM-768x572.png 768w\"\r\n\t\t\t\tsizes=\"(max-width: 970px) 100vw, 970px\"\r\n\t\t\t\talt=\"\"\r\n\t\t\t\tstyle=\"object-position: 50% 50%\"\r\n\t\t\t\t\/>\r\n\t\t<\/a>\t<\/div>\r\n\t\t<div class=\"wsu-card__content\">\r\n\t\t\t\t\t\t<h3 class=\"wsu-title  wsu-font-size--large\">\r\n\t\t\t<a href=\"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/headers\/\">\t\t\t\tHeadings\t\t\t<\/a>\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/article>\n\n<article class=\"wsu-card  wsu-color-background--gray-85\">\r\n\t\t<div class=\"wsu-image-frame wsu-image--ratio-6-4\">\r\n\t\t<a href=\"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/banners\/\" tabindex=\"-1\" aria-hidden=\"true\">\t\t\t<img src=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.07.52-PM.png\"\r\n\t\t\t\tsrcset=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.07.52-PM.png 1982w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.07.52-PM-396x277.png 396w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.07.52-PM-792x553.png 792w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.07.52-PM-768x536.png 768w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.07.52-PM-1536x1073.png 1536w\"\r\n\t\t\t\tsizes=\"(max-width: 1982px) 100vw, 1982px\"\r\n\t\t\t\talt=\"\"\r\n\t\t\t\tstyle=\"object-position: 50% 50%\"\r\n\t\t\t\t\/>\r\n\t\t<\/a>\t<\/div>\r\n\t\t<div class=\"wsu-card__content\">\r\n\t\t\t\t\t\t<h3 class=\"wsu-title  wsu-font-size--large\">\r\n\t\t\t<a href=\"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/banners\/\">\t\t\t\tHero Banner\t\t\t<\/a>\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/article>\n\n<article class=\"wsu-card  wsu-color-background--gray-85\">\r\n\t\t<div class=\"wsu-image-frame wsu-image--ratio-6-4\">\r\n\t\t<a href=\"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/paragraphs\/\" tabindex=\"-1\" aria-hidden=\"true\">\t\t\t<img src=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.44.13-PM.png\"\r\n\t\t\t\tsrcset=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.44.13-PM.png 1904w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.44.13-PM-396x251.png 396w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.44.13-PM-792x502.png 792w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.44.13-PM-768x486.png 768w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.44.13-PM-1536x973.png 1536w\"\r\n\t\t\t\tsizes=\"(max-width: 1904px) 100vw, 1904px\"\r\n\t\t\t\talt=\"\"\r\n\t\t\t\tstyle=\"object-position: 14% 46%\"\r\n\t\t\t\t\/>\r\n\t\t<\/a>\t<\/div>\r\n\t\t<div class=\"wsu-card__content\">\r\n\t\t\t\t\t\t<h3 class=\"wsu-title  wsu-font-size--large\">\r\n\t\t\t<a href=\"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/paragraphs\/\">\t\t\t\tParagraphs\t\t\t<\/a>\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/article>\n\n<article class=\"wsu-card  wsu-color-background--gray-85\">\r\n\t\t<div class=\"wsu-image-frame wsu-image--ratio-6-4\">\r\n\t\t<a href=\"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/people\/\" tabindex=\"-1\" aria-hidden=\"true\">\t\t\t<img src=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.50.30-PM.png\"\r\n\t\t\t\tsrcset=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.50.30-PM.png 2228w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.50.30-PM-396x296.png 396w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.50.30-PM-792x592.png 792w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.50.30-PM-768x574.png 768w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.50.30-PM-1536x1147.png 1536w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-3.50.30-PM-2048x1530.png 2048w\"\r\n\t\t\t\tsizes=\"(max-width: 2228px) 100vw, 2228px\"\r\n\t\t\t\talt=\"\"\r\n\t\t\t\tstyle=\"object-position: 50% 50%\"\r\n\t\t\t\t\/>\r\n\t\t<\/a>\t<\/div>\r\n\t\t<div class=\"wsu-card__content\">\r\n\t\t\t\t\t\t<h3 class=\"wsu-title  wsu-font-size--large\">\r\n\t\t\t<a href=\"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/people\/\">\t\t\t\tPeople List\t\t\t<\/a>\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/article>\n\n<article class=\"wsu-card  wsu-color-background--gray-85\">\r\n\t\t<div class=\"wsu-image-frame wsu-image--ratio-6-4\">\r\n\t\t<a href=\"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/quotes\/\" tabindex=\"-1\" aria-hidden=\"true\">\t\t\t<img src=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-4.15.04-PM.png\"\r\n\t\t\t\tsrcset=\"https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-4.15.04-PM.png 1856w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-4.15.04-PM-396x194.png 396w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-4.15.04-PM-792x388.png 792w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-4.15.04-PM-768x377.png 768w, https:\/\/s3.wp.wsu.edu\/uploads\/sites\/2913\/2023\/07\/Screenshot-2023-07-12-at-4.15.04-PM-1536x753.png 1536w\"\r\n\t\t\t\tsizes=\"(max-width: 1856px) 100vw, 1856px\"\r\n\t\t\t\talt=\"\"\r\n\t\t\t\tstyle=\"object-position: 7% 26%\"\r\n\t\t\t\t\/>\r\n\t\t<\/a>\t<\/div>\r\n\t\t<div class=\"wsu-card__content\">\r\n\t\t\t\t\t\t<h3 class=\"wsu-title  wsu-font-size--large\">\r\n\t\t\t<a href=\"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/quotes\/\">\t\t\t\tQuotes\t\t\t<\/a>\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/article>\n\n<article class=\"wsu-card  wsu-color-background--gray-85\">\r\n\t\t<div class=\"wsu-card__content\">\r\n\t\t\t\t\t\t<h3 class=\"wsu-title \">\r\n\t\t\t\t\t\t\tStats\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/article>\n\n<article class=\"wsu-card  wsu-color-background--gray-85\">\r\n\t\t<div class=\"wsu-card__content\">\r\n\t\t\t\t\t\t<h3 class=\"wsu-title \">\r\n\t\t\t\t\t\t\tTable\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/article>\n\n<article class=\"wsu-card  wsu-color-background--gray-85\">\r\n\t\t<div class=\"wsu-card__content\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/article>\n<\/div>\n    <\/div><\/section>\n\n<section  class=\"wsu-section\"  >\r\n        \n\n<h2>Media Blocks<\/h2>\n\n\n<div class=\"wsu-card-wrapper wsu-card-wrapper--per-row-3\" >\r\n    \n<article class=\"wsu-card\">\r\n\t\t<div class=\"wsu-card__content\">\r\n\t\t\t\t\t\t<h3 class=\"wsu-title \">\r\n\t\t\t\t\t\t\tImages\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/article>\n\n<article class=\"wsu-card\">\r\n\t\t<div class=\"wsu-card__content\">\r\n\t\t\t\t\t\t<h3 class=\"wsu-title \">\r\n\t\t\t\t\t\t\tGallery\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/article>\n\n<article class=\"wsu-card\">\r\n\t\t<div class=\"wsu-card__content\">\r\n\t\t\t\t\t\t<h3 class=\"wsu-title \">\r\n\t\t\t\t\t\t\tVideo\t\t\t\t\t<\/h3>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t<\/article>\n<\/div>\n    <\/section>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":16011,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":[],"categories":[],"tags":[],"wsuwp_university_category":[],"wsuwp_university_location":[],"wsuwp_university_org":[],"_links":{"self":[{"href":"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/wp-json\/wp\/v2\/pages\/2"}],"collection":[{"href":"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/wp-json\/wp\/v2\/users\/16011"}],"replies":[{"embeddable":true,"href":"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":25,"href":"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":760,"href":"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/wp-json\/wp\/v2\/pages\/2\/revisions\/760"}],"wp:attachment":[{"href":"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/wp-json\/wp\/v2\/media?parent=2"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/wp-json\/wp\/v2\/categories?post=2"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/wp-json\/wp\/v2\/tags?post=2"},{"taxonomy":"wsuwp_university_category","embeddable":true,"href":"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/wp-json\/wp\/v2\/wsuwp_university_category?post=2"},{"taxonomy":"wsuwp_university_location","embeddable":true,"href":"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/wp-json\/wp\/v2\/wsuwp_university_location?post=2"},{"taxonomy":"wsuwp_university_org","embeddable":true,"href":"https:\/\/cahnrs.wp.wsu.edu\/sarah-sandbox\/wp-json\/wp\/v2\/wsuwp_university_org?post=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}