Masi Workshop
Masi Workshop

Design System Masi Workshop.

O que é o Design System

Um repertório compartilhado de decisões visuais, componentes, padrões e regras para construir interfaces e materiais da Masi Workshop com mais clareza e menos retrabalho.

O que é o Design System Masi Workshop

Como ele ajuda a marca

Ele mantém consistência entre produtos, apresentações, páginas, conteúdos e encontros práticos, preservando identidade enquanto acelera a execução.

Caderno premium Masi Workshop em destaque

Selecione a marca

Acesse o design system de cada marca.

MASI

Academy

Workshop

Action

Experience

PAM

Founder

Advisor

Foundation

Entenda a fundação da nossa marca

Reúne as decisões que tornam a marca reconhecida, de cores e tipografia até os sistemas que organizam cada interface e material produzido.

Design Tokens

Variáveis que armazenam cada decisão visual da marca: cores, tipografia, espaçamentos e sombras.

Section & Card System

O sistema que organiza qualquer página: a section estrutura o assunto e o card aprofunda o conteúdo.

Componentes

Blocos prontos para montar interfaces

Dois exemplos abaixo mostram como os componentes ganham forma dentro do sistema. Hoje a biblioteca reúne 62 componentes documentados para acelerar páginas, fluxos e materiais digitais.

Biblioteca de componentes

Uma amostra dos primeiros componentes documentados. A biblioteca completa segue o mesmo padrão de uso.

01

Accordion

02

Alert

03

Alert Dialog

04

Aspect Ratio

05

Avatar

06

Badge

07

Breadcrumb

08

Button

09

Button Group

10

Calendar

Componentes em uso

Pequenos estados e controles aplicados dentro do mesmo padrão visual.

Switch

Checkbox

Ativo

Slider

Area chart

Masi Workshop Design System - Criado por Chuv Studio