{"id":17649,"date":"2026-07-17T13:32:37","date_gmt":"2026-07-17T13:32:37","guid":{"rendered":"https:\/\/tubikstudio.com\/blog\/?p=17649"},"modified":"2026-07-22T11:46:50","modified_gmt":"2026-07-22T11:46:50","slug":"important-not-important-illustration-system-for-people-who-care","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/important-not-important-illustration-system-for-people-who-care\/","title":{"rendered":"Important, Not Important\u2014Illustration System For People Who Care"},"content":{"rendered":"

Building a visual identity for a science communication platform is a balancing act\u2014one that has less to do with aesthetics than with trust. The images need to earn attention without demanding it, to hold the weight of subjects like climate change and civic inaction without collapsing into severity or retreating into irony. For <\/span>Important, Not Important<\/span><\/i>, we built a large-scale illustration and icon system with that friction at its center: visuals that stop a scroll while taking serious topics seriously.<\/span><\/p>\n

The Evolution: From Symbols to Mini-Worlds<\/strong><\/h2>\n

Every design system<\/a> needs a point of departure. Here, it was a set of compact icons\u2014binoculars, calendars, megaphones, stars, file folders, trash cans, rockets, hourglasses\u2014drawn to feel fresh but grounded in the existing brand. Flat, monoline, unhurried.<\/span><\/p>\n

What changed over time was scale and ambition. Those isolated symbols grew into detailed, panoramic “mini-worlds”: horizontal cityscapes populated with wind turbines, civic buildings, and green landscapes, all drawn with the same hand, the same line weight, the same underlying attitude as the original icons. The system expanded. And because the DNA stayed consistent, the transition from single symbol to full scene felt organic rather than forced. The result is a library flexible enough to serve dozens of content categories without ever losing its sense of place.<\/span><\/p>\n

\"\"<\/p>\n

Process: From Scratches to Outline<\/strong><\/h2>\n

The discipline of this system lives in its restraint. Illustrations move quickly from rough gestural sketches to clean monoline outlines\u2014there’s no extended middle stage of rendering or refinement for its own sake. Stroke widths stay within a narrow range, typically 1.5 to 3px, which gives the work a print-like rigor: shapes read cleanly, edges separate without ambiguity, and the whole library holds together across wildly different subjects.<\/span><\/p>\n

Color<\/a> is used sparingly and intentionally. Rather than graduated fills or atmospheric shading, we reach for “splashes”\u2014areas of solid color that direct the eye toward what matters. A warm red-coral appears where there’s fire, urgency, or motion. Everything else steps back. This keeps the interfaces calm and prevents the illustrations from competing with the interactive elements around them. The image supports the page; it doesn’t perform on it.<\/span><\/p>\n

Visual Anatomy: Editorial Flat Illustration<\/strong><\/h2>\n

The aesthetic borrows from the visual grammar that modern tech brands helped popularize, but applies it with a harder editorial edge. Everything is built from simplified geometry\u2014circles become trees, rectangles become buildings, soft silhouettes become skylines\u2014but the scenes themselves carry meaning. They show people holding signs, researchers bent over lab benches, crowds gathered around a warming planet. They illustrate a thesis before a word is read.<\/span><\/p>\n

\"\"<\/p>\n

That specificity is the point. A globe on fire or a city half-submerged in water connects the image directly to the platform’s subject matter\u2014climate, science, civic life\u2014and signals to readers that they’ve arrived somewhere with a point of view.<\/span><\/p>\n

Lessons for Scaling Design Systems<\/strong><\/h2>\n

What made this project worthwhile to think through carefully was the question of scale. The platform publishes constantly, which means the illustration library isn’t a one-time deliverable\u2014it’s infrastructure. That changes how you make decisions from the start.<\/span><\/p>\n

A few principles that shaped the work:<\/span><\/p>\n