https://dpsullivan.com Derek Sullivan Art Thu, 22 Jan 2026 21:39:27 +0000 https://dpsullivan.com en https://dpsullivan.com/Logo Mon, 07 Nov 2022 21:13:06 +0000 Derek Sullivan Art https://dpsullivan.com/Logo https://dpsullivan.com/Stacklok-Explainer-Video-1 Thu, 07 Nov 2024 21:04:40 +0000 Derek Sullivan Art https://dpsullivan.com/Stacklok-Explainer-Video-1 Stacklok Explainer VideoI designed, illustrated and animated an explainer video for tech startup Stacklok. Using ice cream production and consumption as a metaphor, we explain how Stacklok’s products Minder and Trusty work together to secure the software supply chain from malicious attacks.&nbsp; Click here for the full video, or watch the embedded video on the right.&nbsp; <img width="1500" height="844" width_o="1500" height_o="844" data-src="https://freight.cargo.site/t/original/i/6007a8859f688dc0f73b3f5932cb3c4364952907bce50b89210df2d39532fc4f/stackLok_Spring24_art-03.png" data-mid="221363418" border="0" src="https://freight.cargo.site/w/1000/i/6007a8859f688dc0f73b3f5932cb3c4364952907bce50b89210df2d39532fc4f/stackLok_Spring24_art-03.png" /> <img width="1500" height="844" width_o="1500" height_o="844" data-src="https://freight.cargo.site/t/original/i/b82cb1d6d3f80cec097f7fdb514a6e292135460a81536d57d6abd53fa7d2d811/stackLok_Spring24_art-17.png" data-mid="221363419" border="0" src="https://freight.cargo.site/w/1000/i/b82cb1d6d3f80cec097f7fdb514a6e292135460a81536d57d6abd53fa7d2d811/stackLok_Spring24_art-17.png" /> <img width="1500" height="844" width_o="1500" height_o="844" data-src="https://freight.cargo.site/t/original/i/faf957169371b01f43d9457a59d602bcbc762dc9bfd6bdcc7228d4869af4dd15/stackLok_Spring24_art-30.png" data-mid="221363421" border="0" src="https://freight.cargo.site/w/1000/i/faf957169371b01f43d9457a59d602bcbc762dc9bfd6bdcc7228d4869af4dd15/stackLok_Spring24_art-30.png" /> <img width="1500" height="844" width_o="1500" height_o="844" data-src="https://freight.cargo.site/t/original/i/c56e280bf9d17250b70d19af31ed7811b89c2c4be3ec4cb9785d8761b526f95d/stackLok_Spring24_art-32.png" data-mid="221363422" border="0" src="https://freight.cargo.site/w/1000/i/c56e280bf9d17250b70d19af31ed7811b89c2c4be3ec4cb9785d8761b526f95d/stackLok_Spring24_art-32.png" /> https://dpsullivan.com/ToolHive-Architecture-Diagram Thu, 22 Jan 2026 18:01:26 +0000 Derek Sullivan Art https://dpsullivan.com/ToolHive-Architecture-Diagram ToolHive Architecture Diagram This diagram visualizes the full ToolHive platform, from AI clients and gateways through orchestration, runtime, and enterprise systems. The primary challenge was making a highly complex system readable at a glance without flattening the technical nuance. I focused on hierarchy, flow, and consistency, extending Stacklok’s brand with custom iconography and a restrained color system to guide the eye and clarify responsibility, traffic types, and system boundaries. I aimed to create an architecture diagram that feels approachable while still communicating real infrastructure complexity. <img width="8000" height="4500" width_o="8000" height_o="4500" data-src="https://freight.cargo.site/t/original/i/a01308392a158b53671a2489e25c9c24525d2ac3e15325fdd7b0decc5e832e7f/toolhiveArchitecture_final.png" data-mid="243828256" border="0" src="https://freight.cargo.site/w/1000/i/a01308392a158b53671a2489e25c9c24525d2ac3e15325fdd7b0decc5e832e7f/toolhiveArchitecture_final.png" /> https://dpsullivan.com/CleaResult Mon, 07 Nov 2022 21:13:07 +0000 Derek Sullivan Art https://dpsullivan.com/CleaResult CleaResult VideoI designed, storyboarded and animated this video with Cyclops for the eco-consulting firm CleaResult. I used a simple color scheme with cute geometric shapes to keep things simple and engaging while teaching viewers how to make environmentally friendly decisions within their daily habits.&nbsp; Click here to view the full video. <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/1a0d80cf3348251720b95dae11c5b3126440b2935859e1035e3a0aad13757cb4/shapesVid2.png" data-mid="160524832" border="0" src="https://freight.cargo.site/w/1000/i/1a0d80cf3348251720b95dae11c5b3126440b2935859e1035e3a0aad13757cb4/shapesVid2.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/8820e3407297d913fd59def3217092f3127e8c76fd4726facb2e4e904a3fee99/shapesVid4.png" data-mid="160524834" border="0" src="https://freight.cargo.site/w/1000/i/8820e3407297d913fd59def3217092f3127e8c76fd4726facb2e4e904a3fee99/shapesVid4.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/ecede6eaa5f91e6cb903588803531da561f7c47d14bf5655b0e303604982671f/shapesVid3.png" data-mid="160524833" border="0" src="https://freight.cargo.site/w/1000/i/ecede6eaa5f91e6cb903588803531da561f7c47d14bf5655b0e303604982671f/shapesVid3.png" /> <img width="1920" height="1080" width_o="1920" height_o="1080" data-src="https://freight.cargo.site/t/original/i/7062ff932fe9e4ba71424aa6c51932524a0f725ec4a30cbff6984f634ceb6460/shapesVid1.png" data-mid="160524831" border="0" src="https://freight.cargo.site/w/1000/i/7062ff932fe9e4ba71424aa6c51932524a0f725ec4a30cbff6984f634ceb6460/shapesVid1.png" /> <img width="1716" height="1073" width_o="1716" height_o="1073" data-src="https://freight.cargo.site/t/original/i/a2f8bd17b09bfe8a36d76032335d6dc27fa40a3d91adb2086fa39d174347acb2/shapesVid2.gif" data-mid="163414579" border="0" src="https://freight.cargo.site/w/1000/i/a2f8bd17b09bfe8a36d76032335d6dc27fa40a3d91adb2086fa39d174347acb2/shapesVid2.gif" /> <img width="1095" height="764" width_o="1095" height_o="764" data-src="https://freight.cargo.site/t/original/i/8c3c55cb02c758143845f1afaf2bbc32782bdb7bf31f24d8a9db2e2904b65d54/shapesVid1.gif" data-mid="159291249" border="0" src="https://freight.cargo.site/w/1000/i/8c3c55cb02c758143845f1afaf2bbc32782bdb7bf31f24d8a9db2e2904b65d54/shapesVid1.gif" /> <img width="1733" height="1080" width_o="1733" height_o="1080" data-src="https://freight.cargo.site/t/original/i/51363af0b17b69fa03ca674c405ca3a228c5977439ccc9d26c390d21567bd33a/shapesVid3.gif" data-mid="163414582" border="0" src="https://freight.cargo.site/w/1000/i/51363af0b17b69fa03ca674c405ca3a228c5977439ccc9d26c390d21567bd33a/shapesVid3.gif" /> https://dpsullivan.com/NEEA-Video Mon, 07 Nov 2022 21:13:07 +0000 Derek Sullivan Art https://dpsullivan.com/NEEA-Video BetterBricks Explainer VideoI worked with Cyclops to create this explainer video on the economical and enviromental benefits of “Very High Efficiency Outside Air Systems.” The soft pallette, outline strokes and isometric view all help give the video a easy-to-digest-lesson vibe. With that, we got to the heart of how the system works by distilling the complex equipment down to its basic functionality and the many benefits of high-efficiency. <img width="1940" height="1100" width_o="1940" height_o="1100" data-src="https://freight.cargo.site/t/original/i/155820d4979a8c94f63aa9164971447103a398291c37779de496d665790fac2b/VHE_DOAS_5.png" data-mid="159539879" border="0" src="https://freight.cargo.site/w/1000/i/155820d4979a8c94f63aa9164971447103a398291c37779de496d665790fac2b/VHE_DOAS_5.png" /> <img width="1940" height="1100" width_o="1940" height_o="1100" data-src="https://freight.cargo.site/t/original/i/afc33917f60c2d6e8f729c6f3f2ffd79a4ccf59a7eb17660cf861cf2b8c4265a/VHE_DOAS_4.png" data-mid="159539878" border="0" src="https://freight.cargo.site/w/1000/i/afc33917f60c2d6e8f729c6f3f2ffd79a4ccf59a7eb17660cf861cf2b8c4265a/VHE_DOAS_4.png" /> <img width="1940" height="1100" width_o="1940" height_o="1100" data-src="https://freight.cargo.site/t/original/i/242eb1df2897ff4165f7f0a4c2c50703f44f3e0264b75e2197ad3d1b182acb6c/VHE_DOAS_2.png" data-mid="159539876" border="0" src="https://freight.cargo.site/w/1000/i/242eb1df2897ff4165f7f0a4c2c50703f44f3e0264b75e2197ad3d1b182acb6c/VHE_DOAS_2.png" /> <img width="1940" height="1100" width_o="1940" height_o="1100" data-src="https://freight.cargo.site/t/original/i/024902b0302ee74626bd68e0e59ef327db95761ccd155bf98be24c7a6c513e63/VHE_DOAS_3.png" data-mid="159539877" border="0" src="https://freight.cargo.site/w/1000/i/024902b0302ee74626bd68e0e59ef327db95761ccd155bf98be24c7a6c513e63/VHE_DOAS_3.png" /> <img width="1200" height="749" width_o="1200" height_o="749" data-src="https://freight.cargo.site/t/original/i/42abf515f1a03e7c89cc1ffa584895d9298965d9a36e27784cd512699d1fe752/VHE_DOAS_051622_2.gif" data-mid="159299369" border="0" src="https://freight.cargo.site/w/1000/i/42abf515f1a03e7c89cc1ffa584895d9298965d9a36e27784cd512699d1fe752/VHE_DOAS_051622_2.gif" /> <img width="1200" height="749" width_o="1200" height_o="749" data-src="https://freight.cargo.site/t/original/i/2c3e8de3dd4df8a2cfb61e7e976fc34e2546290ecaf9a36988a0c0cdf58b1e7c/VHE_DOAS_051622.gif" data-mid="159299376" border="0" src="https://freight.cargo.site/w/1000/i/2c3e8de3dd4df8a2cfb61e7e976fc34e2546290ecaf9a36988a0c0cdf58b1e7c/VHE_DOAS_051622.gif" /> <img width="1200" height="749" width_o="1200" height_o="749" data-src="https://freight.cargo.site/t/original/i/b0181f81b11339a143e00c79e1d3a06567f1b862b4139f414797f305bc93325c/VHE_DOAS_051622_4.gif" data-mid="159299372" border="0" src="https://freight.cargo.site/w/1000/i/b0181f81b11339a143e00c79e1d3a06567f1b862b4139f414797f305bc93325c/VHE_DOAS_051622_4.gif" /> <img width="1200" height="749" width_o="1200" height_o="749" data-src="https://freight.cargo.site/t/original/i/2c3e8de3dd4df8a2cfb61e7e976fc34e2546290ecaf9a36988a0c0cdf58b1e7c/VHE_DOAS_051622.gif" data-mid="159299376" border="0" src="https://freight.cargo.site/w/1000/i/2c3e8de3dd4df8a2cfb61e7e976fc34e2546290ecaf9a36988a0c0cdf58b1e7c/VHE_DOAS_051622.gif" /> https://dpsullivan.com/Stacklok-com-Hero-Image-Icons-set Thu, 22 Jan 2026 21:39:27 +0000 Derek Sullivan Art https://dpsullivan.com/Stacklok-com-Hero-Image-Icons-set Stacklok.com Hero Image + Icons set I created the homepage hero and a modular icon system for the Stacklok.com redesign. The hero illustrates Stacklok’s MCP platform as a structured, interconnected system, adding visual interest without distracting from the core messaging. The accompanying icon set was built as a cohesive system with consistent geometry and styling, designed to scale across customer stories, feature sections, and product pages. <img width="3464" height="2386" width_o="3464" height_o="2386" data-src="https://freight.cargo.site/t/original/i/c8e8cd7b62be0c8cc8dcf56b68d0d4f1fbca7ee0b2f525fcfc2af9801b5a4ff5/stacklok_websiteHero-02.png" data-mid="243840095" border="0" src="https://freight.cargo.site/w/1000/i/c8e8cd7b62be0c8cc8dcf56b68d0d4f1fbca7ee0b2f525fcfc2af9801b5a4ff5/stacklok_websiteHero-02.png" /><img width="4895" height="3578" width_o="4895" height_o="3578" data-src="https://freight.cargo.site/t/original/i/8ad788ea15b4ebf3a13179d6c07aefff5a2a6b1c61c2216f61036b769b82ec61/icons_for_website.png" data-mid="243840108" border="0" src="https://freight.cargo.site/w/1000/i/8ad788ea15b4ebf3a13179d6c07aefff5a2a6b1c61c2216f61036b769b82ec61/icons_for_website.png" /><img width="6367" height="6131" width_o="6367" height_o="6131" data-src="https://freight.cargo.site/t/original/i/4524dd4f661e38902471c16e9a5d1b04c498832e27f158a90a204c7606594012/stacklok_websiteHero_2b-01.png" data-mid="243840483" border="0" src="https://freight.cargo.site/w/1000/i/4524dd4f661e38902471c16e9a5d1b04c498832e27f158a90a204c7606594012/stacklok_websiteHero_2b-01.png" /> https://dpsullivan.com/Earth-Advantage Thu, 17 Nov 2022 22:38:29 +0000 Derek Sullivan Art https://dpsullivan.com/Earth-Advantage Earth Advantage Infographic I created an infographic, animated clips and six icons for Earth Advantage, a nonprofit dedicated to accelerating the adoption of sustainable building practices. I used a simple color scheme along with clean geometry to underline the harms of demolition alongside the benefits of deconstruction. Click on the infrographic on the right to expand.&nbsp; <img width="500" height="424" width_o="500" height_o="424" data-src="https://freight.cargo.site/t/original/i/4aeab3f2de23d2f6d999a05dce3a644af211017c8ad1652ef6a58c8594da8478/health_500.gif" data-mid="164006017" border="0" src="https://freight.cargo.site/w/500/i/4aeab3f2de23d2f6d999a05dce3a644af211017c8ad1652ef6a58c8594da8478/health_500.gif" /><img width="500" height="424" width_o="500" height_o="424" data-src="https://freight.cargo.site/t/original/i/4c5ff1b02338ee6733b6bb19e3dc9302859465ac07904e44cda381d38438d2df/waste_500.gif" data-mid="164005680" border="0" src="https://freight.cargo.site/w/500/i/4c5ff1b02338ee6733b6bb19e3dc9302859465ac07904e44cda381d38438d2df/waste_500.gif" /> <img width="1500" height="2318" width_o="1500" height_o="2318" data-src="https://freight.cargo.site/t/original/i/a019b758fec24667559d47e752d3ad9d4db6fdae30598ce1fff62479a7a8a834/ea_infographic_1500.jpeg" data-mid="159422130" border="0" src="https://freight.cargo.site/w/1000/i/a019b758fec24667559d47e752d3ad9d4db6fdae30598ce1fff62479a7a8a834/ea_infographic_1500.jpeg" /> https://dpsullivan.com/Seattle-Magazine Mon, 07 Nov 2022 21:13:07 +0000 Derek Sullivan Art https://dpsullivan.com/Seattle-Magazine Seattle Mag infographic I created this infographic spread for Seattle Magazine’s 2022 nonprofit issue. I dug through Seattle’s nonprofit data to find interesting tidbits to highlight and illustrate. &nbsp; This project had a tight turnaround so I used a style that I could execute relatively quickly while filling every square inch with fun details.Unusually for me, I came up with the copy as well as the design and illustration for this project. It was a fun challenge to stretch those muscles and come up with the most interesting anecdotes I could find within the data. &nbsp; Click on the infographic to expand.&nbsp; &nbsp; <img width="1500" height="1000" width_o="1500" height_o="1000" data-src="https://freight.cargo.site/t/original/i/2e562a8d97e45b49613fa89311b9a7ab056a0e290cbd65e454956ab8d767d898/seaMag2.png" data-mid="158744647" border="0" src="https://freight.cargo.site/w/1000/i/2e562a8d97e45b49613fa89311b9a7ab056a0e290cbd65e454956ab8d767d898/seaMag2.png" /> <img width="1500" height="1000" width_o="1500" height_o="1000" data-src="https://freight.cargo.site/t/original/i/e0623770e048ddcbb834a19b9b066713441748948ed4aba12510a9167193c92e/seaMag3.png" data-mid="158744648" border="0" src="https://freight.cargo.site/w/1000/i/e0623770e048ddcbb834a19b9b066713441748948ed4aba12510a9167193c92e/seaMag3.png" /> <img width="1500" height="1000" width_o="1500" height_o="1000" data-src="https://freight.cargo.site/t/original/i/1fa6402866cc909f6e7cc05a60b4021d025eb116735609c72cd796f3929b8dd0/seaMag5.png" data-mid="158744650" border="0" src="https://freight.cargo.site/w/1000/i/1fa6402866cc909f6e7cc05a60b4021d025eb116735609c72cd796f3929b8dd0/seaMag5.png" /> <img width="1697" height="1080" width_o="1697" height_o="1080" data-src="https://freight.cargo.site/t/original/i/c453299e70619b5a782bc5dc23345923718f6f51182ffc76331accd14a18ad4b/SeattleNonprofits_10.23.22b_2500.png" data-mid="158747530" border="0" data-scale="100" src="https://freight.cargo.site/w/1000/i/c453299e70619b5a782bc5dc23345923718f6f51182ffc76331accd14a18ad4b/SeattleNonprofits_10.23.22b_2500.png" /> https://dpsullivan.com/Cafe-Feminino Tue, 22 Nov 2022 20:06:25 +0000 Derek Sullivan Art https://dpsullivan.com/Cafe-Feminino Café Femenino I worked with Cyclops to create a visual identity for Café Femenino, an organization whose purpose is to empower women coffee farmers across the world.&nbsp; I created a new logo, color palette, brand guidelines documentation and collateral materials that all help convey Café Femenino’s story, purpose and importance in the coffee industry. Take a look at the Café Fememino website (also designed by us) to see where you can get ahold of CF coffee near you.&nbsp; &nbsp; <img width="670" height="663" width_o="670" height_o="663" data-src="https://freight.cargo.site/t/original/i/d3b83210d144901a237aa733e65aeb690aa809057d63f1f976cd2da2df4c928a/logos_670.png" data-mid="159881972" border="0" src="https://freight.cargo.site/w/670/i/d3b83210d144901a237aa733e65aeb690aa809057d63f1f976cd2da2df4c928a/logos_670.png" /> <img width="670" height="492" width_o="670" height_o="492" data-src="https://freight.cargo.site/t/original/i/adf647ab274f685795abff3bab5c48073eab54a302cf16a291872f008437d164/postcardFront-Back_670.png" data-mid="159881980" border="0" data-scale="73" src="https://freight.cargo.site/w/670/i/adf647ab274f685795abff3bab5c48073eab54a302cf16a291872f008437d164/postcardFront-Back_670.png" /> <img width="670" height="377" width_o="670" height_o="377" data-src="https://freight.cargo.site/t/original/i/98bb90679d17b7a08ba067a1b885e4d966fc9b53da97d38ba64db073c7479bcd/coffeeBag_670.png" data-mid="159881966" border="0" src="https://freight.cargo.site/w/670/i/98bb90679d17b7a08ba067a1b885e4d966fc9b53da97d38ba64db073c7479bcd/coffeeBag_670.png" /> <img width="670" height="334" width_o="670" height_o="334" data-src="https://freight.cargo.site/t/original/i/e110378a72a548fd84d43c48bd219cfc5316879fbd1ea97da0dc531ee6928778/collage_670.png" data-mid="159881983" border="0" src="https://freight.cargo.site/w/670/i/e110378a72a548fd84d43c48bd219cfc5316879fbd1ea97da0dc531ee6928778/collage_670.png" /> https://dpsullivan.com/RecMobile Sat, 19 Nov 2022 00:41:24 +0000 Derek Sullivan Art https://dpsullivan.com/RecMobile NCPRD RecMobile I had a great time creating this full van wrap mural for NCPRD (North Clackamas Parks and Recreation District) and Cyclops. Featured are native flora and fauna alongside human children enjoying the many activities provided by NCPRD.&nbsp; I created the wrap fully in Illustrator using vectors. That way, the file size remained manageable and everything was endlessly scalable.&nbsp; Click on the guide to see all the animals, plants and activities. &nbsp; <img width="1200" height="750" width_o="1200" height_o="750" data-src="https://freight.cargo.site/t/original/i/6404bf22ddedea56a7715cd2882f841f58497416b5a61cc904599d202bbddd13/recMobile7.png" data-mid="159544190" border="0" src="https://freight.cargo.site/w/1000/i/6404bf22ddedea56a7715cd2882f841f58497416b5a61cc904599d202bbddd13/recMobile7.png" /> <img width="1200" height="750" width_o="1200" height_o="750" data-src="https://freight.cargo.site/t/original/i/305a29c4a80287453c5750e518d5b7255a78be848fb4e62ee30d7b130d6862fc/recMobile6.png" data-mid="159544189" border="0" src="https://freight.cargo.site/w/1000/i/305a29c4a80287453c5750e518d5b7255a78be848fb4e62ee30d7b130d6862fc/recMobile6.png" /> <img width="1200" height="750" width_o="1200" height_o="750" data-src="https://freight.cargo.site/t/original/i/188d75528f339fe9b9c9e426837265508aedd301b04c4901f28beca90a960ecd/recMobile5.png" data-mid="159544188" border="0" src="https://freight.cargo.site/w/1000/i/188d75528f339fe9b9c9e426837265508aedd301b04c4901f28beca90a960ecd/recMobile5.png" /> <img width="1200" height="750" width_o="1200" height_o="750" data-src="https://freight.cargo.site/t/original/i/0a55dce8ae281d02c65379f76d7d5ae8e7f229cf58ef517aaf54fb11cb145d5b/recMobile4.png" data-mid="159544187" border="0" src="https://freight.cargo.site/w/1000/i/0a55dce8ae281d02c65379f76d7d5ae8e7f229cf58ef517aaf54fb11cb145d5b/recMobile4.png" /> <img width="1200" height="750" width_o="1200" height_o="750" data-src="https://freight.cargo.site/t/original/i/39c32a0c98b903cb8f0d30df098d92625b500638f3b0602093f7301d8611b67d/recMobile3.png" data-mid="159544186" border="0" src="https://freight.cargo.site/w/1000/i/39c32a0c98b903cb8f0d30df098d92625b500638f3b0602093f7301d8611b67d/recMobile3.png" /> <img width="1200" height="520" width_o="1200" height_o="520" data-src="https://freight.cargo.site/t/original/i/510e791adfaf26a0ae2020a6e8ca93aa5e3fe74f020efb07e35dfd63ff4307a1/recMobile1_b.png" data-mid="163459594" border="0" src="https://freight.cargo.site/w/1000/i/510e791adfaf26a0ae2020a6e8ca93aa5e3fe74f020efb07e35dfd63ff4307a1/recMobile1_b.png" /><img width="1200" height="520" width_o="1200" height_o="520" data-src="https://freight.cargo.site/t/original/i/9f5a56540c82752de87f969d1257514fbd6e6abbc19450320df7419315dd1663/recMobile2_b.png" data-mid="163459658" border="0" src="https://freight.cargo.site/w/1000/i/9f5a56540c82752de87f969d1257514fbd6e6abbc19450320df7419315dd1663/recMobile2_b.png" /> &nbsp; <img width="1500" height="1894" width_o="1500" height_o="1894" data-src="https://freight.cargo.site/t/original/i/8a72f9820b2da468a6275863b1040a90ca5871bf90c6baf51279c9ebf7881fdc/vehicleWrap_5.2.20.jpg" data-mid="163460028" border="0" src="https://freight.cargo.site/w/1000/i/8a72f9820b2da468a6275863b1040a90ca5871bf90c6baf51279c9ebf7881fdc/vehicleWrap_5.2.20.jpg" />