IRIS Design System

HMIs industriais têm padrões que design systems genéricos não carregam: cards de batelada, passos de receita, botões de status de máquina, medidores, sequências de start/stop com estados de confirmação. E todo componente precisa existir duas vezes, porque as máquinas saem com um painel de 12 ou de 15 polegadas e os alvos de toque não dá pra simplesmente escalar.

Sem uma biblioteca compartilhada, cada uma das seis linhas de produto da IRIS teria continuado resolvendo isso localmente, que é exatamente a divergência que a IRIS V3 existiu pra acabar.

Construí a biblioteca no Figma como fonte única pras seis linhas de produto: uma camada de tokens (a rampa teal da NETZSCH, neutros, cores de sinal, espaçamento, raios) alimentando 29 famílias de componentes, cada uma publicada com variantes de 12" e 15" e seus conjuntos completos de estados.

Os componentes de domínio são o ponto. Snackbars e campos de texto existem em qualquer DS; cards de batelada, medidores de dosagem, mostradores de horímetro e barras de operação são o que torna este industrial. Esses vieram dos produtos, foram generalizados e voltaram pra biblioteca.

As seis linhas de produto da IRIS V3 saem dessa biblioteca, e telas novas de HMI começam a partir de componentes publicados em vez de cópias de telas antigas. É a metade silenciosa do case da IRIS V3: o redesign da plataforma ficou com a atenção, a biblioteca é o que o tornou repetível.