Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .eleventy.js
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@ module.exports = function(eleventyConfig) {

"woff2"
]);

eleventyConfig.addPassthroughCopy("src/scripts");
eleventyConfig.addPassthroughCopy("src/CNAME");

Expand Down
23 changes: 23 additions & 0 deletions cspell.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
{
"version": "0.2",
"language": "en",
"ignorePaths": ["node_modules", ".idea", ".github"],
"dictionaries": ["en_US"],
"files": ["docs/**/*.html"],
"useGitignore": true,
"ignoreWords": [
"Shakeel",
"Mohamed",
"wordmark",
"Headshot",
"ntrsct",
"AIGA",
"HMCT",
"résumé",
"Ismaili",
"touchpoint",
"touchpoints",
"applieddesigner",
"Salgirah"
]
}
Binary file added docs/projects/planetary-society/img/TPS - 11.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/projects/planetary-society/img/TPS_merch.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/projects/planetary-society/img/TPS_uts.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
29 changes: 23 additions & 6 deletions docs/projects/planetary-society/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -118,6 +118,14 @@ <h1 class="pb-0">Planetary Society Rebrand</h1>
<div class="project-content"><img class="lightbox" src="./img/TPS - 2.png" alt=""/>
<p class="caption">Two-tone business card system.</p>
</div>
</div>
<div class="grid-2">
<div class="project-content"><img class="lightbox" src="./img/TPS_guidelines.png" alt=""/>
</div>
<div class="project-content"><img class="lightbox" src="./img/TPS_merch.png" alt=""/>
</div>
</div>
<div class="grid-1">
<div class="project-content"><img class="lightbox" src="./img/TPS - 8.png" alt=""/>
<p class="caption">A manifesto poster for Planetary Society headquarters, serving as an inspirational reminder for employees.</p>
</div>
Expand All @@ -132,18 +140,27 @@ <h1 class="pb-0">Planetary Society Rebrand</h1>
</div>
<div class="grid-1">
<div class="project-content"><img class="lightbox" src="./img/TPS - 4.png" alt=""/>
<p class="caption">2025 marks 45 years since the Planetary Society was founded. I designed promotional posters for a 45th anniversary retreat on Catalina Island for members and donors. The 45th anniversary identity takes on a distinct color palette and typographic voice inspired by the natural beauty of Catalina Island.</p>
<p class="caption">2025 marks 45 years since the Planetary Society was founded. I designed promotional posters for a 45th anniversary retreat on Catalina Island for members and donors. I named the event, “Under the Stars”.</p>
</div>
</div>
<div class="grid-1">
<div class="project-content"><img class="lightbox" src="./img/planetary-society-sans.gif" alt="Planetary Society Sans variable weight font animation."/>
<p class="caption">Planetary Society Sans is a variable weight font I designed to be the typographic voice for their 45th anniversary. The modular typeface is inspired by planetary orbits, and can be used to create dynamic compositions when used at large scale.</p>
<p class="caption">Planetary Society Sans is a variable weight font I designed to be the typographic voice for their 45th anniversary. The modular typeface is inspired by planetary orbits, and can be used to create dynamic compositions when used at large&nbsp;scale.</p>
</div>
</div>
<div class="grid-1">
<div class="project-content"><img class="lightbox" src="./img/TPS - 9.png" alt=""/>
<div class="grid-2">
<div class="project-content"><img class="lightbox" src="./img/TPS - 11.png" alt=""/>
<p class="caption">The 45th anniversary identity takes on a distinct brand and typographic voice.</p>
</div>
<div class="project-content"><img class="lightbox" src="./img/TPS_uts.png" alt=""/>
<p class="caption">The color palette was inspired by the natural beauty of Catalina Island.</p>
</div>
</div>
<div class="grid-2">
<div class="project-content"><img class="lightbox" src="./img/TPS - 9 copy.png" alt=""/>
<p class="caption">Event tickets for general admission and Planetary Support (VIP) levels of donors. These are samples of a larger printed invitation package, currently in progress.</p>
</div>
<div class="project-content"><img class="lightbox" src="./img/TPS_band.avif" alt=""/>
<p class="caption">Guest wristbands to verify ticket purchase.</p>
</div>
</div>
<div class="grid-2">
<div class="project-content"><img class="lightbox" src="./img/TPS - 15.png" alt=""/>
Expand Down
Binary file not shown.
5 changes: 2 additions & 3 deletions docs/projects/salgirah-festival-identity/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -107,9 +107,8 @@ <h1 class="pb-0">Salgirah International Festival Identity</h1>
</div>
</div>
<div class="grid-1">
<div class="project-content">
<iframe class="video16by9" src="https://www.youtube.com/embed/J4gO_TFNdxw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>
<p class="caption">This is a mini-reel of all motion graphics I worked on for #Salgirah85. These animations were used across social media, opening slates for various forms of video content for the festival, and on stage at some live events. Music was selected by The Ismaili Sounds global team.</p>
<div class="project-content"><img class="lightbox" src="./img/salgirah_motion.avif" alt=""/>
<p class="caption">This is a mini-reel of all motion graphics I worked on for #Salgirah85. These animations were used across social media, opening slates for various forms of video content for the festival, and on stage at some live events.</p>
</div>
</div>
<div class="grid-1">
Expand Down
Binary file added docs/projects/thesis/img/Thesis_book_cover.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/projects/thesis/img/Thesis_book_spreads.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
10 changes: 10 additions & 0 deletions docs/projects/thesis/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -132,6 +132,16 @@ <h1 class="pb-0">MFA Thesis: Applied Designer</h1>
</div>
</div>
<hr/>
<h2>Process Book</h2>
<div class="grid-2">
<div class="project-content"><img class="lightbox" src="./img/Thesis_book_cover.png" alt=""/>
<p class="caption">Process book covering two semesters of research, process, and design execution. Size: 8x10", page count: 180.</p>
</div>
<div class="project-content"><img class="lightbox" src="./img/Thesis_book_spreads.png" alt=""/>
<p class="caption">Selected spreads. Page numbers are only on left-hand pages to retain focus on the content.</p>
</div>
</div>
<hr/>
<h2>Process</h2><br/>
<div class="grid-1">
<div class="project-content"><img class="lightbox" src="./img/Applied_Designer_processing_sketch.gif" alt=""/>
Expand Down
Loading