{"id":63258,"date":"2026-05-07T15:00:00","date_gmt":"2026-05-07T06:00:00","guid":{"rendered":"https:\/\/designcompass.org\/?post_type=archive&#038;p=63258"},"modified":"2026-05-07T09:22:39","modified_gmt":"2026-05-07T00:22:39","slug":"pigment","status":"publish","type":"archive","link":"https:\/\/designcompass.org\/en\/archive\/pigment\/","title":{"rendered":"Pigment, Specialist Spectrum"},"content":{"rendered":"<p>This is the brand design for Agentic AI of the global business planning platform Pigment. We collaborated with the design agency Fiasco.<\/p>\n\n\n\n<p>Pigment is a company that raised $145 million in a Series D funding round and has clients including Figma, Klarna, Siemens, and Unilever. Ahead of the launch of its first AI agent, this project covered the full scope, ranging from brand strategy formulation to visual identity, product integration, website updates, video content, and campaign creative production.<\/p>\n\n\n\n<p>The core concept of the design is &quot;A Spectrum of Specialists.&quot; Inspired by the fact that the company name &quot;Pigment&quot; originates from the combination of a painter&#039;s paint and data, the spectrum of light dispersing as it passes through a prism was established as the primary graphic element. This visualizes the way each agent operates independently yet harmonizes with one another. The color system is centered around gradients and animation spectrums. While intuitively conveying the nature of AI technology, a light mode palette was adopted to reflect diverse perspectives on AI, creating an optimistic and positive impression. Fine textures were added to enhance a human-like texture. <\/p>\n\n\n\n<p>The identities for each agent were designed based on geometric shapes. Analysts, supervisors, planners, and modelers were each assigned unique forms, and their individual expertise was visually distinguished through variations in size, movement, and presentation style. Within the product, brand personality was realized through motions such as micro-interactions, gradient animations, and hover transitions. Even the onboarding and loading screens were designed as part of the brand expression, completing a consistent visual language from marketing to the product.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2160\" style=\"aspect-ratio: 3840 \/ 2160;\" width=\"3840\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/05\/pigment-03.mp4\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2160\" style=\"aspect-ratio: 3840 \/ 2160;\" width=\"3840\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/05\/pigment-01.mp4\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2160\" style=\"aspect-ratio: 3840 \/ 2160;\" width=\"3840\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/05\/pigment-04.mp4\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2160\" style=\"aspect-ratio: 3840 \/ 2160;\" width=\"3840\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/05\/pigment-06.mp4\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"2160\" style=\"aspect-ratio: 3840 \/ 2160;\" width=\"3840\" autoplay controls loop muted src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/05\/pigment-02.mp4\" playsinline><\/video><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">More and Sources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/fiasco.design\/work\/pigment\/\">https:\/\/fiasco.design\/work\/pigment\/<\/a><\/li>\n<\/ul>","protected":false},"featured_media":63259,"parent":0,"template":"","meta":{"_acf_changed":false},"dsncategory":[3268],"class_list":["post-63258","archive","type-archive","status-publish","has-post-thumbnail","hentry","dsncategory-3268"],"acf":[],"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/archive\/63258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/archive"}],"about":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/types\/archive"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/63259"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=63258"}],"wp:term":[{"taxonomy":"dsncategory","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/dsncategory?post=63258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}