Masi Advisor
Masi Advisor

Design System Masi Advisor.

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 Advisor com mais clareza e menos retrabalho.

Dois homens conversando em frente a uma vitrine iluminada

Como ele ajuda a marca

Do diagnóstico à apresentação final, todo material segue o mesmo padrão. A marca fica reconhecível em cada entrega e o time ganha tempo para orientar o cliente.

Masi Advisor, versão vertical

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 Masi Advisor reconhecida, de cores e tipografia até os sistemas que organizam cada interface, diagnóstico 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 Advisor Design System - Criado por Chuv Studio