{"id":440,"date":"2022-09-03T17:04:33","date_gmt":"2022-09-03T17:04:33","guid":{"rendered":"https:\/\/resume.bidne.com\/?p=440"},"modified":"2024-09-03T17:37:37","modified_gmt":"2024-09-03T17:37:37","slug":"uswds-design-system","status":"publish","type":"post","link":"https:\/\/oldresume.bidne.com\/?p=440","title":{"rendered":"USWDS Design System"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">As part of a code challange I leveraged the United States Web Design System ( USWDS ) within Adobe XD for creating prototypes and testing.  Individual UI elements where selected and modified within unique layouts designed for our challange.  The resulting component library provided colors, topography, UI elements, iconography, patterns and page layouts. <\/p>\n\n\n\n<div style=\"height:17px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"background:linear-gradient(180deg,rgb(140,149,174) 61%,rgb(255,255,255) 61%)\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"690\" height=\"1024\" src=\"https:\/\/resume.bidne.com\/wp-content\/uploads\/2024\/08\/UX-Image-White-690x1024.webp\" alt=\"\" class=\"wp-image-177\" style=\"width:135px;height:auto\" srcset=\"https:\/\/oldresume.bidne.com\/wp-content\/uploads\/2024\/08\/UX-Image-White-690x1024.webp 690w, https:\/\/oldresume.bidne.com\/wp-content\/uploads\/2024\/08\/UX-Image-White-202x300.webp 202w, https:\/\/oldresume.bidne.com\/wp-content\/uploads\/2024\/08\/UX-Image-White.webp 728w\" sizes=\"(max-width: 690px) 100vw, 690px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a2275803b02d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a2275803b02d\" class=\"wp-block-image size-full wp-lightbox-container\"><img decoding=\"async\" width=\"1341\" height=\"1016\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/resume.bidne.com\/wp-content\/uploads\/2022\/09\/uswdsdesignsystem.png\" alt=\"\" class=\"wp-image-442\" srcset=\"https:\/\/oldresume.bidne.com\/wp-content\/uploads\/2022\/09\/uswdsdesignsystem.png 1341w, https:\/\/oldresume.bidne.com\/wp-content\/uploads\/2022\/09\/uswdsdesignsystem-300x227.png 300w, https:\/\/oldresume.bidne.com\/wp-content\/uploads\/2022\/09\/uswdsdesignsystem-1024x776.png 1024w, https:\/\/oldresume.bidne.com\/wp-content\/uploads\/2022\/09\/uswdsdesignsystem-768x582.png 768w\" sizes=\"(max-width: 1341px) 100vw, 1341px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center has-black-color has-text-color has-link-color wp-elements-36a61baab134d17ca8ab92a25f9dbc9d is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<ul style=\"letter-spacing:6px\" class=\"wp-block-list has-black-color has-white-background-color has-text-color has-background has-link-color has-medium-font-size wp-elements-e81b13cb263d54711aa64106ce06192f\">\n<li>design<\/li>\n\n\n\n<li>html<\/li>\n\n\n\n<li>css<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Blog post excerpt [1-2 lines]. This text is automatically pulled from your existing blog post.<\/p>\n","protected":false},"author":1,"featured_media":443,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"[]"},"categories":[16],"tags":[13,11,14,12],"class_list":["post-440","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-design","tag-cms","tag-design","tag-digger","tag-html5-css3"],"_links":{"self":[{"href":"https:\/\/oldresume.bidne.com\/index.php?rest_route=\/wp\/v2\/posts\/440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oldresume.bidne.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/oldresume.bidne.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/oldresume.bidne.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oldresume.bidne.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=440"}],"version-history":[{"count":4,"href":"https:\/\/oldresume.bidne.com\/index.php?rest_route=\/wp\/v2\/posts\/440\/revisions"}],"predecessor-version":[{"id":446,"href":"https:\/\/oldresume.bidne.com\/index.php?rest_route=\/wp\/v2\/posts\/440\/revisions\/446"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oldresume.bidne.com\/index.php?rest_route=\/wp\/v2\/media\/443"}],"wp:attachment":[{"href":"https:\/\/oldresume.bidne.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oldresume.bidne.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=440"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oldresume.bidne.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}