Diretrizes de Interface

A Masi Design é o estúdio criativo da MASI Negócios.

Traduzimos inovação e impacto em design, criando branding e experiências que refletem a visão de futuro dos nossos empresários.

Estas diretrizes apresentam orientações e práticas recomendadas que ajudam você a criar experiências visuais consistentes, funcionais e alinhadas ao posicionamento da marca.

Estas diretrizes apresentam orientações e práticas recomendadas que ajudam você a criar experiências visuais consistentes, funcionais e alinhadas ao posicionamento da marca.

Masi Negócios (Hub)

Masi Negócios (Hub)

Logotipo Tipografico

Logotipo Tipografico

A marca Masi Negócios serve como hub central para todas as submarcas Masi. Nesta seção, você encontrará um guia abrangente sobre as aplicações do logotipo principal e suas variações.

A marca Masi Negócios serve como hub central para todas as submarcas Masi. Nesta seção, você encontrará um guia abrangente sobre as aplicações do logotipo principal e suas variações.

Tamanhos

Para garantir a legibilidade ideal e uma aplicação harmoniosa, recomendamos utilizar os seguintes tamanhos máximos de altura. Evite aplicar o logo fora dessas faixas para assegurar que ele não fique nem muito pequeno a ponto de perder a legibilidade, nem grande demais a ponto de comprometer a harmonia do design.

Para garantir a legibilidade ideal e uma aplicação harmoniosa, recomendamos utilizar os seguintes tamanhos máximos de altura. Evite aplicar o logo fora dessas faixas para assegurar que ele não fique nem muito pequeno a ponto de perder a legibilidade, nem grande demais a ponto de comprometer a harmonia do design.

20px

25px

30px

Ao aplicar o logotipo, certifique-se de que ele não seja nem muito grande nem muito pequeno em relação ao tamanho, espaçamento e quantidade de elementos no layout.  Busque um equilíbrio visual.

Pitch Premium

Desbloqueie o seu potencial

Pitch Premium

Desbloqueie o seu potencial

Pitch Premium

Desbloqueie o seu potencial

v2 Empilhada

A versão empilhada do logotipo foi criada para situações em que o espaço horizontal é limitado. Ela mantém a proporção e a leitura mesmo em áreas mais estreitas. Utilize essa variação quando a versão horizontal não se adaptar ao layout, garantindo equilíbrio visual e consistência na aplicação.

Ao utilizar a versão empilhada, priorize situações com pouco espaço horizontal, como perfis ou áreas quadradas, garantindo que o logotipo permaneça legível e proporcional ao formato. Um exemplo prático são os avatares de redes sociais.

Simbolo

O símbolo do logotipo Masi Negócios foi inicialmente criado para a marca “Masi”, fundada por Breno Masi. Este símbolo representa todas as marcas que levam o nome “Masi” e sua essência.

Aplicações

O símbolo do logotipo deve ser utilizado em diversos tipos de aplicações para reforçar a presença da marca.  Seu uso é recomendado principalmente em layouts com pequenos espaços, onde a versão tipográfica fica ilegível.

Paleta de Cores

A paleta de cores da MASI Negócios foi criada para garantir unidade visual e consistência entre todas as aplicações da marca. Nesta seção, você encontrará as orientações necessárias para o uso dos tons.

Sobreposições

A sobreposição geral utiliza tons claros como base para reforçar a presença da marca em diferentes composições. Seu uso é indicado em layouts amplos ou com áreas neutras, onde o cinza e o branco mantêm a leitura estável. Elementos em verde claro podem ser aplicados para destacar informações específicas sem comprometer o conjunto visual.

Geral MN

#AFFF00

#1C1C1C

#E8E8E8

Sobreposições 2

A sobreposição premium aplica tons escuros para transmitir profundidade e sofisticação em materiais de maior relevância. O preto absoluto e o cinza intenso são recomendados para páginas especiais ou peças de caráter institucional, mantendo contraste adequado com o logotipo.

Premium MN

#000000

#404040

#1C1C1C

Tipografia

A marca Masi Negócios serve como hub central para todas as submarcas Masi. Nesta seção, você encontrará um guia abrangente sobre as aplicações do logotipo principal e suas variações.

Masi Modular

A Masi Modular é a tipografia oficial da marca Masi, do tipo display sans-serif geométrica de estética futurista (Neo-Tech). Seu desenho foi desenvolvido para impacto visual, com formas tecnológicas, cortes precisos e módulos geométricos, ideal para títulos, chamadas e composições de destaque.

MASI

Fonte

Uso da fonte

A tipografia Masi Modular é de uso exclusivo das marcas que compõem o ecossistema MASI. Seu emprego também é permitido em pontos de destaque em títulos, sempre com o objetivo de reforçar a identidade visual, garantir autenticidade e consolidar o diferencial estético da marca.

Fonte usual - Inter

Para toda a comunicação das marcas Masi, utilize a tipografia Inter, garantindo consistência visual e coerência com o posicionamento da marca. O uso de outras fontes, desde que padronizadas, pode ser permitido em projetos específicos, mediante aprovação prévia do time de Design.

abcd

abcd

abcd

ABCD

ABCD

ABCD

$&?%

$&?%

$&?%

Thin

Light

Regular

Medium

Bold

Black

Thin

Light

Regular

Medium

Bold

Black

Thin

Light

Regular

Medium

Bold

Black

moderna e eficiente

moderna e eficiente

moderna e eficiente

Aa

Aa

Aa

Inter

Inter

Icones

A marca Masi Negócios serve como hub central para todas as submarcas Masi. Nesta seção, você encontrará um guia abrangente sobre as aplicações do logotipo principal e suas variações.

Linguagem de Icons

A linguagem de ícones da marca MASI segue um padrão rigoroso de espessura de linha, espaçamento, estilo visual e semiótica. É altamente recomendado o uso dos ícones proprietários da marca, garantindo unidade e força visual.

O uso de ícones genéricos encontrados na internet não é recomendado, pois compromete a autenticidade e enfraquece a essência da marca.

Formas

A marca Masi Negócios serve como hub central para todas as submarcas Masi. Nesta seção, você encontrará um guia abrangente sobre as aplicações do logotipo principal e suas variações.

Consistencia

A estrutura de comunicação da marca utiliza caixas de seção que compõem o estilo visual e garantem uma hierarquia clara, separando informações e organizando o layout de forma funcional. Em todas as suas aplicações, essas caixas devem apresentar arestas com arredondamento de 10px.

10px

Forma com ID

A estrutura de comunicação da marca utiliza caixas de seção que compõem o estilo visual e garantem uma hierarquia clara, separando informações e organizando o layout de forma funcional. Em todas as suas aplicações, essas caixas devem apresentar arestas com arredondamento de 10px.

45º

Sobreposições

A estrutura de comunicação da marca utiliza caixas de seção que compõem o estilo visual e garantem uma hierarquia clara, separando informações e organizando o layout de forma funcional. Em todas as suas aplicações, essas caixas devem apresentar arestas com arredondamento de 20px.

Box de Elementos

Box de Elementos

Box de Elementos

Box Destaque

Box Destaque

Background

Glass Effect

O efeito liquid glass deve ser usado com moderação, apenas em barras de menu, navegação e destaque médio de subtítulos.  Evite usá-lo mais de uma vez no mesmo layout.

Uso, e estilo Glass

Para alcançar o efeito glass, aplique um leve blur à forma e diminua sua opacidade para garantir boa visibilidade do texto. Em plataformas compatíveis, utilize o Liquid Glass, ajustando suas propriedades para obter um resultado esteticamente agradável e de fácil leitura. Pode ser utilizado em Dark Mode e Light Mode.

Quando deve ser utilizado a marca M. Negócios?

Utilize esta linguagem visual exclusivamente para comunicar sobre todos os projetos do Hub Masi, incluindo o website oficial, posts gerais do Instagram e materiais publicitários que promovam o Hub.

Versão Usual

Acesse a página inicial do site macmasi.com para ver um exemplo fiel da aplicação da marca Masi Negocios. Observe como a marca é aplicada na prática e busque seguir o mesmo estilo visual, espaçamentos, combinação de cores, tipografia, tamanho de título, subtítulo e textos corridos.