![](https://cdn.sanity.io/images/b5xn7nlg/production/d1f0033c8fdf88b8a9150ca77cdb113dec4fd6f3-2972x1694.jpg?w=400&fit=max&auto=format&dpr=2 400w,https://cdn.sanity.io/images/b5xn7nlg/production/d1f0033c8fdf88b8a9150ca77cdb113dec4fd6f3-2972x1694.jpg?w=650&fit=max&auto=format&dpr=2 650w,https://cdn.sanity.io/images/b5xn7nlg/production/d1f0033c8fdf88b8a9150ca77cdb113dec4fd6f3-2972x1694.jpg?w=768&fit=max&auto=format&dpr=2 768w,https://cdn.sanity.io/images/b5xn7nlg/production/d1f0033c8fdf88b8a9150ca77cdb113dec4fd6f3-2972x1694.jpg?w=1024&fit=max&auto=format&dpr=2 1024w,https://cdn.sanity.io/images/b5xn7nlg/production/d1f0033c8fdf88b8a9150ca77cdb113dec4fd6f3-2972x1694.jpg?w=1280&fit=max&auto=format&dpr=2 1280w,https://cdn.sanity.io/images/b5xn7nlg/production/d1f0033c8fdf88b8a9150ca77cdb113dec4fd6f3-2972x1694.jpg?w=1536&fit=max&auto=format&dpr=2 1536w)
Visual identity, website design & development for the Programs in Digital Humanities at MIT.
Our Roles
Website Design
Visual Identity Design
Website Development
Live Site
Year
2021
![](https://cdn.sanity.io/images/b5xn7nlg/production/98806596621069f1ca6a67781af0f42a67fc4abe-2160x2160.jpg?w=400&fit=max&auto=format&dpr=2 400w,https://cdn.sanity.io/images/b5xn7nlg/production/98806596621069f1ca6a67781af0f42a67fc4abe-2160x2160.jpg?w=650&fit=max&auto=format&dpr=2 650w,https://cdn.sanity.io/images/b5xn7nlg/production/98806596621069f1ca6a67781af0f42a67fc4abe-2160x2160.jpg?w=768&fit=max&auto=format&dpr=2 768w,https://cdn.sanity.io/images/b5xn7nlg/production/98806596621069f1ca6a67781af0f42a67fc4abe-2160x2160.jpg?w=1024&fit=max&auto=format&dpr=2 1024w,https://cdn.sanity.io/images/b5xn7nlg/production/98806596621069f1ca6a67781af0f42a67fc4abe-2160x2160.jpg?w=1280&fit=max&auto=format&dpr=2 1280w,https://cdn.sanity.io/images/b5xn7nlg/production/98806596621069f1ca6a67781af0f42a67fc4abe-2160x2160.jpg?w=1536&fit=max&auto=format&dpr=2 1536w)
![](https://cdn.sanity.io/images/b5xn7nlg/production/605221b1e74ec3647f52b4046fbbf416f4cb4c5c-2160x2160.jpg?w=400&fit=max&auto=format&dpr=2 400w,https://cdn.sanity.io/images/b5xn7nlg/production/605221b1e74ec3647f52b4046fbbf416f4cb4c5c-2160x2160.jpg?w=650&fit=max&auto=format&dpr=2 650w,https://cdn.sanity.io/images/b5xn7nlg/production/605221b1e74ec3647f52b4046fbbf416f4cb4c5c-2160x2160.jpg?w=768&fit=max&auto=format&dpr=2 768w,https://cdn.sanity.io/images/b5xn7nlg/production/605221b1e74ec3647f52b4046fbbf416f4cb4c5c-2160x2160.jpg?w=1024&fit=max&auto=format&dpr=2 1024w,https://cdn.sanity.io/images/b5xn7nlg/production/605221b1e74ec3647f52b4046fbbf416f4cb4c5c-2160x2160.jpg?w=1280&fit=max&auto=format&dpr=2 1280w,https://cdn.sanity.io/images/b5xn7nlg/production/605221b1e74ec3647f52b4046fbbf416f4cb4c5c-2160x2160.jpg?w=1536&fit=max&auto=format&dpr=2 1536w)
Visual Identity
We worked with the DH MIT team to create a community-oriented identity that takes both the humanistic and technical sides of their identity seriously: all while positioning MIT as a leader in the digital humanities field.
![](https://cdn.sanity.io/images/b5xn7nlg/production/dd111f5a0d8df70144b815ad1c9d425043a64b62-2160x2160.jpg?w=400&fit=max&auto=format&dpr=2 400w,https://cdn.sanity.io/images/b5xn7nlg/production/dd111f5a0d8df70144b815ad1c9d425043a64b62-2160x2160.jpg?w=650&fit=max&auto=format&dpr=2 650w,https://cdn.sanity.io/images/b5xn7nlg/production/dd111f5a0d8df70144b815ad1c9d425043a64b62-2160x2160.jpg?w=768&fit=max&auto=format&dpr=2 768w,https://cdn.sanity.io/images/b5xn7nlg/production/dd111f5a0d8df70144b815ad1c9d425043a64b62-2160x2160.jpg?w=1024&fit=max&auto=format&dpr=2 1024w,https://cdn.sanity.io/images/b5xn7nlg/production/dd111f5a0d8df70144b815ad1c9d425043a64b62-2160x2160.jpg?w=1280&fit=max&auto=format&dpr=2 1280w,https://cdn.sanity.io/images/b5xn7nlg/production/dd111f5a0d8df70144b815ad1c9d425043a64b62-2160x2160.jpg?w=1536&fit=max&auto=format&dpr=2 1536w)
![](https://cdn.sanity.io/images/b5xn7nlg/production/0bd6440d622d0f5fe95cfc1a1ce46b283fc56794-2160x2160.jpg?w=400&fit=max&auto=format&dpr=2 400w,https://cdn.sanity.io/images/b5xn7nlg/production/0bd6440d622d0f5fe95cfc1a1ce46b283fc56794-2160x2160.jpg?w=650&fit=max&auto=format&dpr=2 650w,https://cdn.sanity.io/images/b5xn7nlg/production/0bd6440d622d0f5fe95cfc1a1ce46b283fc56794-2160x2160.jpg?w=768&fit=max&auto=format&dpr=2 768w,https://cdn.sanity.io/images/b5xn7nlg/production/0bd6440d622d0f5fe95cfc1a1ce46b283fc56794-2160x2160.jpg?w=1024&fit=max&auto=format&dpr=2 1024w,https://cdn.sanity.io/images/b5xn7nlg/production/0bd6440d622d0f5fe95cfc1a1ce46b283fc56794-2160x2160.jpg?w=1280&fit=max&auto=format&dpr=2 1280w,https://cdn.sanity.io/images/b5xn7nlg/production/0bd6440d622d0f5fe95cfc1a1ce46b283fc56794-2160x2160.jpg?w=1536&fit=max&auto=format&dpr=2 1536w)
In addition to building out a typographic system and color palette, we revamped the program's old logo, which consists of the morse code for “D” and “H” in an arrangement that mirrors both “DH” as well as the 1s and 0s of binary.
![](https://cdn.sanity.io/images/b5xn7nlg/production/01f05c2be5bcb29b211078f4823559df3504daba-3158x2332.jpg?w=400&fit=max&auto=format&dpr=2 400w,https://cdn.sanity.io/images/b5xn7nlg/production/01f05c2be5bcb29b211078f4823559df3504daba-3158x2332.jpg?w=650&fit=max&auto=format&dpr=2 650w,https://cdn.sanity.io/images/b5xn7nlg/production/01f05c2be5bcb29b211078f4823559df3504daba-3158x2332.jpg?w=768&fit=max&auto=format&dpr=2 768w,https://cdn.sanity.io/images/b5xn7nlg/production/01f05c2be5bcb29b211078f4823559df3504daba-3158x2332.jpg?w=1024&fit=max&auto=format&dpr=2 1024w,https://cdn.sanity.io/images/b5xn7nlg/production/01f05c2be5bcb29b211078f4823559df3504daba-3158x2332.jpg?w=1280&fit=max&auto=format&dpr=2 1280w,https://cdn.sanity.io/images/b5xn7nlg/production/01f05c2be5bcb29b211078f4823559df3504daba-3158x2332.jpg?w=1536&fit=max&auto=format&dpr=2 1536w)
![](https://cdn.sanity.io/images/b5xn7nlg/production/287a7f3f44995bb2ad15d7fad647d5b21cbe939b-1466x1644.jpg?w=400&fit=max&auto=format&dpr=2 400w,https://cdn.sanity.io/images/b5xn7nlg/production/287a7f3f44995bb2ad15d7fad647d5b21cbe939b-1466x1644.jpg?w=650&fit=max&auto=format&dpr=2 650w,https://cdn.sanity.io/images/b5xn7nlg/production/287a7f3f44995bb2ad15d7fad647d5b21cbe939b-1466x1644.jpg?w=768&fit=max&auto=format&dpr=2 768w,https://cdn.sanity.io/images/b5xn7nlg/production/287a7f3f44995bb2ad15d7fad647d5b21cbe939b-1466x1644.jpg?w=1024&fit=max&auto=format&dpr=2 1024w,https://cdn.sanity.io/images/b5xn7nlg/production/287a7f3f44995bb2ad15d7fad647d5b21cbe939b-1466x1644.jpg?w=1280&fit=max&auto=format&dpr=2 1280w,https://cdn.sanity.io/images/b5xn7nlg/production/287a7f3f44995bb2ad15d7fad647d5b21cbe939b-1466x1644.jpg?w=1536&fit=max&auto=format&dpr=2 1536w)
![](https://cdn.sanity.io/images/b5xn7nlg/production/d161496090defc5dd84dd1d5595e888a7d1372c2-1466x1644.jpg?w=400&fit=max&auto=format&dpr=2 400w,https://cdn.sanity.io/images/b5xn7nlg/production/d161496090defc5dd84dd1d5595e888a7d1372c2-1466x1644.jpg?w=650&fit=max&auto=format&dpr=2 650w,https://cdn.sanity.io/images/b5xn7nlg/production/d161496090defc5dd84dd1d5595e888a7d1372c2-1466x1644.jpg?w=768&fit=max&auto=format&dpr=2 768w,https://cdn.sanity.io/images/b5xn7nlg/production/d161496090defc5dd84dd1d5595e888a7d1372c2-1466x1644.jpg?w=1024&fit=max&auto=format&dpr=2 1024w,https://cdn.sanity.io/images/b5xn7nlg/production/d161496090defc5dd84dd1d5595e888a7d1372c2-1466x1644.jpg?w=1280&fit=max&auto=format&dpr=2 1280w,https://cdn.sanity.io/images/b5xn7nlg/production/d161496090defc5dd84dd1d5595e888a7d1372c2-1466x1644.jpg?w=1536&fit=max&auto=format&dpr=2 1536w)
Website Design & Development
The DH MIT team needed a site that was easy to update with limited content, so we designed a type-forward site that could live without highly produced photography.
![](https://cdn.sanity.io/images/b5xn7nlg/production/1e76629dfa8f041ded0dd006f29fb8c26ac4502c-1158x2310.jpg?w=400&fit=max&auto=format&dpr=2 400w,https://cdn.sanity.io/images/b5xn7nlg/production/1e76629dfa8f041ded0dd006f29fb8c26ac4502c-1158x2310.jpg?w=650&fit=max&auto=format&dpr=2 650w,https://cdn.sanity.io/images/b5xn7nlg/production/1e76629dfa8f041ded0dd006f29fb8c26ac4502c-1158x2310.jpg?w=768&fit=max&auto=format&dpr=2 768w,https://cdn.sanity.io/images/b5xn7nlg/production/1e76629dfa8f041ded0dd006f29fb8c26ac4502c-1158x2310.jpg?w=1024&fit=max&auto=format&dpr=2 1024w,https://cdn.sanity.io/images/b5xn7nlg/production/1e76629dfa8f041ded0dd006f29fb8c26ac4502c-1158x2310.jpg?w=1280&fit=max&auto=format&dpr=2 1280w,https://cdn.sanity.io/images/b5xn7nlg/production/1e76629dfa8f041ded0dd006f29fb8c26ac4502c-1158x2310.jpg?w=1536&fit=max&auto=format&dpr=2 1536w)
![](https://cdn.sanity.io/images/b5xn7nlg/production/91497100165576699c46210083ca6a0bd924c441-1158x2310.jpg?w=400&fit=max&auto=format&dpr=2 400w,https://cdn.sanity.io/images/b5xn7nlg/production/91497100165576699c46210083ca6a0bd924c441-1158x2310.jpg?w=650&fit=max&auto=format&dpr=2 650w,https://cdn.sanity.io/images/b5xn7nlg/production/91497100165576699c46210083ca6a0bd924c441-1158x2310.jpg?w=768&fit=max&auto=format&dpr=2 768w,https://cdn.sanity.io/images/b5xn7nlg/production/91497100165576699c46210083ca6a0bd924c441-1158x2310.jpg?w=1024&fit=max&auto=format&dpr=2 1024w,https://cdn.sanity.io/images/b5xn7nlg/production/91497100165576699c46210083ca6a0bd924c441-1158x2310.jpg?w=1280&fit=max&auto=format&dpr=2 1280w,https://cdn.sanity.io/images/b5xn7nlg/production/91497100165576699c46210083ca6a0bd924c441-1158x2310.jpg?w=1536&fit=max&auto=format&dpr=2 1536w)
![](https://cdn.sanity.io/images/b5xn7nlg/production/938e7d385b5f9093a5e9c0a6cf7151038ea5b748-1162x2310.jpg?w=400&fit=max&auto=format&dpr=2 400w,https://cdn.sanity.io/images/b5xn7nlg/production/938e7d385b5f9093a5e9c0a6cf7151038ea5b748-1162x2310.jpg?w=650&fit=max&auto=format&dpr=2 650w,https://cdn.sanity.io/images/b5xn7nlg/production/938e7d385b5f9093a5e9c0a6cf7151038ea5b748-1162x2310.jpg?w=768&fit=max&auto=format&dpr=2 768w,https://cdn.sanity.io/images/b5xn7nlg/production/938e7d385b5f9093a5e9c0a6cf7151038ea5b748-1162x2310.jpg?w=1024&fit=max&auto=format&dpr=2 1024w,https://cdn.sanity.io/images/b5xn7nlg/production/938e7d385b5f9093a5e9c0a6cf7151038ea5b748-1162x2310.jpg?w=1280&fit=max&auto=format&dpr=2 1280w,https://cdn.sanity.io/images/b5xn7nlg/production/938e7d385b5f9093a5e9c0a6cf7151038ea5b748-1162x2310.jpg?w=1536&fit=max&auto=format&dpr=2 1536w)
![](https://cdn.sanity.io/images/b5xn7nlg/production/ae93a72d36b11745dbea4ec4ae0e16e0d03183bc-3072x8081.jpg?w=400&fit=max&auto=format&dpr=2 400w,https://cdn.sanity.io/images/b5xn7nlg/production/ae93a72d36b11745dbea4ec4ae0e16e0d03183bc-3072x8081.jpg?w=650&fit=max&auto=format&dpr=2 650w,https://cdn.sanity.io/images/b5xn7nlg/production/ae93a72d36b11745dbea4ec4ae0e16e0d03183bc-3072x8081.jpg?w=768&fit=max&auto=format&dpr=2 768w,https://cdn.sanity.io/images/b5xn7nlg/production/ae93a72d36b11745dbea4ec4ae0e16e0d03183bc-3072x8081.jpg?w=1024&fit=max&auto=format&dpr=2 1024w,https://cdn.sanity.io/images/b5xn7nlg/production/ae93a72d36b11745dbea4ec4ae0e16e0d03183bc-3072x8081.jpg?w=1280&fit=max&auto=format&dpr=2 1280w,https://cdn.sanity.io/images/b5xn7nlg/production/ae93a72d36b11745dbea4ec4ae0e16e0d03183bc-3072x8081.jpg?w=1536&fit=max&auto=format&dpr=2 1536w)
Featured Work
Institute of Design
A redesigned website for a Chicago design institution founded in 1937 by Bauhaus alumni.
Groove
A landing page for a community driven, on-demand accountability app.
Blueland
A squeaky clean redesign and headless rebuild for a revolutionary cleaning brand.
Middle Child
Fun and approachable new website(s) for Philly's cult favorite sandwich joint.
Off Season
A bespoke portfolio for a design studio with a focus on the music industry.
Rosaluna
A magical marketing, editorial, and headless ecommerce experience for a new mezcal brand.
![](https://cdn.sanity.io/images/b5xn7nlg/production/9b42ee9b616920d1f2d89e91af47f67731c3b367-750x500.png?w=400&fit=max&auto=format&dpr=2 400w,https://cdn.sanity.io/images/b5xn7nlg/production/9b42ee9b616920d1f2d89e91af47f67731c3b367-750x500.png?w=650&fit=max&auto=format&dpr=2 650w,https://cdn.sanity.io/images/b5xn7nlg/production/9b42ee9b616920d1f2d89e91af47f67731c3b367-750x500.png?w=768&fit=max&auto=format&dpr=2 768w,https://cdn.sanity.io/images/b5xn7nlg/production/9b42ee9b616920d1f2d89e91af47f67731c3b367-750x500.png?w=1024&fit=max&auto=format&dpr=2 1024w,https://cdn.sanity.io/images/b5xn7nlg/production/9b42ee9b616920d1f2d89e91af47f67731c3b367-750x500.png?w=1280&fit=max&auto=format&dpr=2 1280w,https://cdn.sanity.io/images/b5xn7nlg/production/9b42ee9b616920d1f2d89e91af47f67731c3b367-750x500.png?w=1536&fit=max&auto=format&dpr=2 1536w)