{"id":7785,"date":"2023-12-28T14:23:05","date_gmt":"2023-12-28T22:23:05","guid":{"rendered":"https:\/\/trufcreative.com\/?post_type=work&#038;p=7785"},"modified":"2024-01-19T14:16:23","modified_gmt":"2024-01-19T22:16:23","slug":"knight-cities-challenge","status":"publish","type":"work","link":"https:\/\/trufcreative.com\/work\/knight-cities-challenge\/","title":{"rendered":"Knight Cities Challenge"},"content":{"rendered":"\n<section id=\"work-hero-block_088365895f0d3722f91c9e30713931b8\" class=\"work-hero wp-block-acf-work-hero\">\n\n  <div class=\"grid-container fluid\">\n\n    <div class=\"grid-x grid-padding-x\">\n\n      <div class=\"cell\">\n\n        <div class=\"work-hero__box\">\n\n          <h1>Knight Cities Challenge<\/h1>\n          <h2>foundation \/ brand identity \/ website<\/h2>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <div data-sal=\"fade\" data-sal-duration=\"800\" class=\"work-hero__bg work-hero__bg--deskop\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1129\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-Website-2400.jpg\" class=\"attachment-full size-full\" alt=\"abstract digital design using angles and triangles in cyan, magenta, blue and gray with a photo of a black student inside the shapes\" srcset=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-Website-2400.jpg 2400w, https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-Website-2400-1280x602.jpg 1280w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" \/>  <\/div>\n\n  <div data-sal=\"fade\" data-sal-duration=\"800\" class=\"work-hero__bg work-hero__bg--mobile\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1780\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/truf-knight-cities-challenge-mobile.jpg\" class=\"attachment-full size-full\" alt=\"abstract digital design using angles and triangles in cyan, magenta, blue and gray with a photo of a black student inside the shapes\" srcset=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/truf-knight-cities-challenge-mobile.jpg 1536w, https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/truf-knight-cities-challenge-mobile-1280x1483.jpg 1280w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/>  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"work-headline-block_80dce5415c1a112dd89f14be432c6fd3\" class=\"work-headline wp-block-acf-work-headline\">\n\n  <div class=\"grid-container\">\n\n    <div class=\"grid-x grid-padding-x\">\n\n      <div class=\"cell large-10 large-offset-1\">\n\n        <div data-sal=\"slide-up\" data-sal-duration=\"800\">\n                    <div class=\"acf-innerblocks-container\">\n\n<p><strong>Knight Cities<\/strong>&nbsp;<strong>Challenge <\/strong>seeks new ideas in&nbsp;civic innovation<\/p>\n\n<\/div>\n        <\/div>\n        \n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"large-image-block_eafd69753a273f411927ebb1ab9d4bbb\" class=\"large-image grid-container wp-block-acf-large-image\">\n\n  <div class=\"grid-x grid-padding-x\">\n\n    <div class=\"cell medium-10 medium-offset-1\">\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"2340\" height=\"1450\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-Logo.jpg\" class=\"attachment-large size-large\" alt=\"digital design of knight cities challenge logo using a geolocation pin symbol and city street lines next to the stacked name\" srcset=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-Logo.jpg 2340w, https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-Logo-1280x793.jpg 1280w\" sizes=\"auto, (max-width: 2340px) 100vw, 2340px\" \/>      \n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"emphasized-text-block_f131de907e0c8021b7e5bffe12b98b35\" class=\"emphasized-text wp-block-acf-emphasized-text\">\n\n  <div class=\"grid-container\">\n\n    <div class=\"grid-x grid-padding-x\">\n\n      <div class=\"cell large-10 large-offset-1\">\n\n        <div class=\"acf-innerblocks-container\">\n\n<p>Knight Cities Challenge provides $15 Million in grants for cutting-edge and innovative projects to make cities more successful. They wanted to create an excitement and buzz around this national initiative through a brand identity that would attract the best innovators out there. As the challenge is location-based, it was designed around the iconic map pointer and city street grid motifs.<\/p>\n\n<\/div>\n        \n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"large-image-block_2f12392ea35694526c8d65778afde747\" class=\"large-image grid-container wp-block-acf-large-image\">\n\n  <div class=\"grid-x grid-padding-x\">\n\n    <div class=\"cell \">\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"2340\" height=\"2842\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-Poster.jpg\" class=\"attachment-large size-large\" alt=\"digital design of pin shapes used as a vessel for photography\" srcset=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-Poster.jpg 2340w, https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-Poster-1280x1555.jpg 1280w\" sizes=\"auto, (max-width: 2340px) 100vw, 2340px\" \/>      \n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"work-text-blurb-block_ef650a3ee7cf7c3b5279ac86d4de6032\" class=\"work-text-blurb wp-block-acf-work-text-blurb\">\n\n  <div class=\"grid-container\">\n\n    <div class=\"grid-x grid-padding-x\">\n\n      <div class=\"cell medium-6 medium-offset-6 large-5\">\n\n        <div class=\"acf-innerblocks-container\">\n\n<p>Using DNA from the existing Knight Foundation brand identity, we created a system of graphic motifs that can be used as background patterns. The pin becomes a vessel for imagery about people, cities, innovation, technology, arts and media.<\/p>\n\n<\/div>\n        \n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"large-image-block_a72442cbfa9a82ec3c486fc3b92c1528\" class=\"large-image grid-container wp-block-acf-large-image\">\n\n  <div class=\"grid-x grid-padding-x\">\n\n    <div class=\"cell medium-10 medium-offset-1\">\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1444\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_Knight_Language.jpg\" class=\"attachment-large size-large\" alt=\"schematic of the pieces from the knight foundation logo how they were used to create pattern designs\" srcset=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_Knight_Language.jpg 2400w, https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_Knight_Language-1280x770.jpg 1280w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" \/>      \n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"large-image-block_5c2dc19c4170dd8e679e683238fc8ce4\" class=\"large-image grid-container wp-block-acf-large-image\">\n\n  <div class=\"grid-x grid-padding-x\">\n\n    <div class=\"cell \">\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"2500\" height=\"1161\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_pins_system_beige-2-2500x1161.jpg\" class=\"attachment-large size-large\" alt=\"digital design of 2 rows of pins that hold various patterns in main colors\" srcset=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_pins_system_beige-2-2500x1161.jpg 2500w, https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_pins_system_beige-2-1280x594.jpg 1280w\" sizes=\"auto, (max-width: 2500px) 100vw, 2500px\" \/>      \n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"large-image-block_2eb507ea2db9ec343b8784bb2cf44f4f\" class=\"large-image grid-container wp-block-acf-large-image\">\n\n  <div class=\"grid-x grid-padding-x\">\n\n    <div class=\"cell medium-10 medium-offset-1\">\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"1170\" height=\"725\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-Pin-Animation.gif\" class=\"attachment-large size-large\" alt=\"animation of pins using various colors and patterns\" \/>      \n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"large-image-block_72bddf8d7997af7d1f9346a7fd76f821\" class=\"large-image grid-container wp-block-acf-large-image\">\n\n  <div class=\"grid-x grid-padding-x\">\n\n    <div class=\"cell \">\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"2288\" height=\"1400\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/knight-cities-challenge-blue.png\" class=\"attachment-large size-large\" alt=\"portrait of a white man 30s with heavy beard wearing a vest and plaid shirt next to blue city street graphic\" srcset=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/knight-cities-challenge-blue.png 2288w, https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/knight-cities-challenge-blue-1280x783.png 1280w\" sizes=\"auto, (max-width: 2288px) 100vw, 2288px\" \/>      \n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"large-image-block_6238f80350c3b9ae29ac5b96c94c1815\" class=\"large-image grid-container wp-block-acf-large-image\">\n\n  <div class=\"grid-x grid-padding-x\">\n\n    <div class=\"cell \">\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"2288\" height=\"1400\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/knight-cities-challenge-yellow.png\" class=\"attachment-large size-large\" alt=\"portrait of a black man 30s wearing glasses in a gray sweater next to yellow city street graphic\" srcset=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/knight-cities-challenge-yellow.png 2288w, https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/knight-cities-challenge-yellow-1280x783.png 1280w\" sizes=\"auto, (max-width: 2288px) 100vw, 2288px\" \/>      \n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"work-text-blurb-block_ef650a3ee7cf7c3b5279ac86d4de6032\" class=\"work-text-blurb wp-block-acf-work-text-blurb\">\n\n  <div class=\"grid-container\">\n\n    <div class=\"grid-x grid-padding-x\">\n\n      <div class=\"cell medium-6 medium-offset-6 large-5\">\n\n        <div class=\"acf-innerblocks-container\">\n\n<p>A responsive website uses street grids and pins to reinforce the idea of civic innovation. Scrolling effects help create excitement about past winners and the 26 participating Knight cities.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-bold-red-underlined\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.knight.truf.biz\/\" target=\"_blank\" rel=\"noreferrer noopener\">Visit Website<\/a><\/div>\n<\/div>\n\n<\/div>\n        \n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"large-image-block_11dc8aa43d2f59546f50bba8ac64303a\" class=\"large-image grid-container wp-block-acf-large-image\">\n\n  <div class=\"grid-x grid-padding-x\">\n\n    <div class=\"cell \">\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"2340\" height=\"1616\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_Screen.jpg\" class=\"attachment-large size-large\" alt=\"home page mockup inside screen of knight cities challenge website design\" srcset=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_Screen.jpg 2340w, https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_Screen-1280x884.jpg 1280w\" sizes=\"auto, (max-width: 2340px) 100vw, 2340px\" \/>      \n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"autoplaying-video-block_9af6dca30e108b973414450ac2b3d95e\" class=\"autoplaying-video autoplaying-video--dark wp-block-acf-autoplaying-video\">\n\n  <div class=\"grid-container\">\n\n    <div class=\"grid-x grid-padding-x\">\n\n      <div class=\"cell medium-10 medium-offset-1\">\n\n                <video class=\"autoplayVideo\" loop muted playsinline>\n          <source src=\"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/904615264\/rendition\/1440p\/file.mp4?loc=external&#038;log_user=0&#038;signature=0bcf9019bf712736d7a4fe70c80bbbe93a991e1c84739924f23fe301312d24bb\" type=\"video\/mp4\">\n          Your browser does not support the video tag.\n        <\/video>\n        \n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"large-image-block_5a8c9f585e71a8777a685db627e78012\" class=\"large-image grid-container wp-block-acf-large-image\">\n\n  <div class=\"grid-x grid-padding-x\">\n\n    <div class=\"cell \">\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"2340\" height=\"1616\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_Screen2.jpg\" class=\"attachment-large size-large\" alt=\"single page mockup inside screen of knight cities challenge website design\" srcset=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_Screen2.jpg 2340w, https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_Screen2-1280x884.jpg 1280w\" sizes=\"auto, (max-width: 2340px) 100vw, 2340px\" \/>      \n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"large-image-block_0b5c8251b5615ee1c01ac407a2155c90\" class=\"large-image grid-container wp-block-acf-large-image\">\n\n  <div class=\"grid-x grid-padding-x\">\n\n    <div class=\"cell \">\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"2340\" height=\"1616\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_Screen3.jpg\" class=\"attachment-large size-large\" alt=\"who should apply map with pins showing participating cities\" srcset=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_Screen3.jpg 2340w, https:\/\/trufcreative.com\/wp-content\/uploads\/2023\/12\/KCC_Screen3-1280x884.jpg 1280w\" sizes=\"auto, (max-width: 2340px) 100vw, 2340px\" \/>      \n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"split-block-block_761c85fa373ecd1f9705450c438873bd\" class=\"split-block is-style-small-top-spacing wp-block-acf-split-block\">\n\n  <div class=\"grid-container\">\n\n    <div class=\"grid-x grid-padding-x\">\n\n      <div class=\"split-block__image split-block__image--image cell medium-6 large-5 large-offset-1\">\n        <img loading=\"lazy\" decoding=\"async\" width=\"1380\" height=\"1380\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-Logo-1380x1380.jpg\" class=\"attachment-square-2x size-square-2x\" alt=\"digital design of knight cities challenge logo using a geolocation pin symbol and city street lines next to the stacked name\" srcset=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-Logo-1380x1380.jpg 1380w, https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-Logo-690x690.jpg 690w\" sizes=\"auto, (max-width: 1380px) 100vw, 1380px\" \/>      <\/div>\n\n      <div class=\"split-block__text cell medium-6 large-5\">\n\n        <div class=\"acf-innerblocks-container\">\n\n<h2 class=\"wp-block-heading is-style-bold-red\">Deliverables:<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Brand Identity<\/li>\n\n\n\n<li>Website Design<\/li>\n\n\n\n<li>Web Development<\/li>\n\n\n\n<li>Print Collateral<\/li>\n\n\n\n<li>Content Creation<\/li>\n<\/ul>\n\n<\/div>\n        \n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"large-image-block_29a90f90b815282b675fd60a4ead040f\" class=\"large-image grid-container wp-block-acf-large-image\">\n\n  <div class=\"grid-x grid-padding-x\">\n\n    <div class=\"cell \">\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"2340\" height=\"1558\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challeng-Postcard-1.jpg\" class=\"attachment-large size-large\" alt=\"digital design for home page that says &quot;what&#039;s your best idea to make cities more successful?&quot;\" srcset=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challeng-Postcard-1.jpg 2340w, https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challeng-Postcard-1-1280x852.jpg 1280w\" sizes=\"auto, (max-width: 2340px) 100vw, 2340px\" \/>      \n    <\/div>\n\n  <\/div>\n\n  \n<\/section>\n\n\n<section id=\"large-image-block_69195faa574311028b3f53cdb1207717\" class=\"large-image grid-container wp-block-acf-large-image\">\n\n  <div class=\"grid-x grid-padding-x\">\n\n    <div class=\"cell \">\n\n      <img loading=\"lazy\" decoding=\"async\" width=\"2340\" height=\"1450\" src=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-No-Idea-is-Too-Big.jpg\" class=\"attachment-large size-large\" alt=\"no idea is too big on cyan city streets graphic\" srcset=\"https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-No-Idea-is-Too-Big.jpg 2340w, https:\/\/trufcreative.com\/wp-content\/uploads\/2015\/11\/TRUF-Knight-Cities-Challenge-No-Idea-is-Too-Big-1280x793.jpg 1280w\" sizes=\"auto, (max-width: 2340px) 100vw, 2340px\" \/>      \n    <\/div>\n\n  <\/div>\n\n  \n<\/section>","protected":false},"featured_media":992,"template":"","work-category":[4,9,18,7,10,6],"class_list":["post-7785","work","type-work","status-publish","has-post-thumbnail","hentry","work-category-brand-identity","work-category-content-creation","work-category-cultural-institutions","work-category-print-design","work-category-visual-systems","work-category-web-design"],"acf":[],"_links":{"self":[{"href":"https:\/\/trufcreative.com\/wp-json\/wp\/v2\/work\/7785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trufcreative.com\/wp-json\/wp\/v2\/work"}],"about":[{"href":"https:\/\/trufcreative.com\/wp-json\/wp\/v2\/types\/work"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/trufcreative.com\/wp-json\/wp\/v2\/media\/992"}],"wp:attachment":[{"href":"https:\/\/trufcreative.com\/wp-json\/wp\/v2\/media?parent=7785"}],"wp:term":[{"taxonomy":"work-category","embeddable":true,"href":"https:\/\/trufcreative.com\/wp-json\/wp\/v2\/work-category?post=7785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}