![abstract digital design using angles and triangles in cyan, magenta, blue and gray with a photo of a black student inside the shapes](https://trufcreative.com/wp-content/uploads/2015/11/TRUF-Knight-Cities-Challenge-Website-2400.jpg)
![abstract digital design using angles and triangles in cyan, magenta, blue and gray with a photo of a black student inside the shapes](https://trufcreative.com/wp-content/uploads/2023/12/truf-knight-cities-challenge-mobile.jpg)
Knight Cities Challenge seeks new ideas in civic innovation
![digital design of knight cities challenge logo using a geolocation pin symbol and city street lines next to the stacked name](https://trufcreative.com/wp-content/uploads/2015/11/TRUF-Knight-Cities-Challenge-Logo.jpg)
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.
![digital design of pin shapes used as a vessel for photography](https://trufcreative.com/wp-content/uploads/2015/11/TRUF-Knight-Cities-Challenge-Poster.jpg)
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.
![schematic of the pieces from the knight foundation logo how they were used to create pattern designs](https://trufcreative.com/wp-content/uploads/2023/12/KCC_Knight_Language.jpg)
![digital design of 2 rows of pins that hold various patterns in main colors](https://trufcreative.com/wp-content/uploads/2023/12/KCC_pins_system_beige-2-2500x1161.jpg)
![animation of pins using various colors and patterns](https://trufcreative.com/wp-content/uploads/2015/11/TRUF-Knight-Cities-Challenge-Pin-Animation.gif)
![portrait of a white man 30s with heavy beard wearing a vest and plaid shirt next to blue city street graphic](https://trufcreative.com/wp-content/uploads/2023/12/knight-cities-challenge-blue.png)
![portrait of a black man 30s wearing glasses in a gray sweater next to yellow city street graphic](https://trufcreative.com/wp-content/uploads/2023/12/knight-cities-challenge-yellow.png)
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.
![home page mockup inside screen of knight cities challenge website design](https://trufcreative.com/wp-content/uploads/2023/12/KCC_Screen.jpg)
![single page mockup inside screen of knight cities challenge website design](https://trufcreative.com/wp-content/uploads/2023/12/KCC_Screen2.jpg)
![who should apply map with pins showing participating cities](https://trufcreative.com/wp-content/uploads/2023/12/KCC_Screen3.jpg)
![digital design of knight cities challenge logo using a geolocation pin symbol and city street lines next to the stacked name](https://trufcreative.com/wp-content/uploads/2015/11/TRUF-Knight-Cities-Challenge-Logo-1380x1380.jpg)
Deliverables:
- Brand Identity
- Website Design
- Web Development
- Print Collateral
- Content Creation
![digital design for home page that says "what's your best idea to make cities more successful?"](https://trufcreative.com/wp-content/uploads/2015/11/TRUF-Knight-Cities-Challeng-Postcard-1.jpg)
![no idea is too big on cyan city streets graphic](https://trufcreative.com/wp-content/uploads/2015/11/TRUF-Knight-Cities-Challenge-No-Idea-is-Too-Big.jpg)