{"id":206,"date":"2024-12-07T14:36:26","date_gmt":"2024-12-07T22:36:26","guid":{"rendered":"https:\/\/dulce.matmcc.org\/creative-journal\/?p=206"},"modified":"2024-12-11T14:30:39","modified_gmt":"2024-12-11T22:30:39","slug":"style-tile","status":"publish","type":"post","link":"https:\/\/dulce.matmcc.org\/creative-journal\/style-tile\/","title":{"rendered":"Style Tile"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a0fe016d1487&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a0fe016d1487\" class=\"wp-block-image size-large wp-duotone-unset-1 wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"547\" 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:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Slide-16_9-1-1024x547.jpg\" alt=\"\" class=\"wp-image-207\" srcset=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Slide-16_9-1-1024x547.jpg 1024w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Slide-16_9-1-300x160.jpg 300w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Slide-16_9-1-768x410.jpg 768w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Slide-16_9-1-1536x820.jpg 1536w, https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/Slide-16_9-1.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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\n\n\n<p class=\"wp-block-paragraph\">Above is the style tile I created for the website. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The client already picked out colors, logos, and typography which left me with textures, buttons, and images. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Button styles are usually straight forward. I tried to add some variety. At this point, I didn&#8217;t know what colors would go where on the website so I made a button with each color background.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It wasn&#8217;t likely that the Design Department would want my team to use textures, but we still created some. The first I took inspiration from a brick wall which reminded me of the Design Department architecture classes. The second is an intricate design I made only using equilateral triangles. This design was inspired by the first image from its repeating shapes. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The group chose my wireframes and layout of typography for the group style tile:<\/p>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-a4d3e563-ccfb-4565-a768-a9bbf7976ba6\" href=\"https:\/\/dulce.matmcc.org\/creative-journal\/wp-content\/uploads\/2024\/12\/DMMC_CREATIVE_INVESTIGATION.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">DMMC_Creative_Investigation<\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Above is the style tile I created for the website. The client already picked out colors, logos, and typography which left me with textures, buttons, and images. Button styles are usually straight forward. I tried to add some variety. At this point, I didn&#8217;t know what colors would go where on the website so I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[10,17,27,29,30],"class_list":["post-206","post","type-post","status-publish","format-standard","hentry","category-design-department","tag-design","tag-figma","tag-style-tile","tag-texture","tag-typography"],"_links":{"self":[{"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/posts\/206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/comments?post=206"}],"version-history":[{"count":4,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/posts\/206\/revisions"}],"predecessor-version":[{"id":444,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/posts\/206\/revisions\/444"}],"wp:attachment":[{"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/media?parent=206"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/categories?post=206"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dulce.matmcc.org\/creative-journal\/wp-json\/wp\/v2\/tags?post=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}