Create Next App

Capa

Logo

Cores

Tipografia

Aplicações

Demo

Downloads

Manual de Marca — 2026

GUI. ✦ Manual de marca ✦ Miguel Melle ✦ GUI. ✦ Manual de marca ✦ Miguel Melle ✦ GUI. ✦ Manual de marca ✦ Miguel Melle ✦ GUI. ✦ Manual de marca ✦ Miguel Melle ✦ GUI. ✦ Manual de marca ✦ Miguel Melle ✦ GUI. ✦ Manual de marca ✦ Miguel Melle ✦ GUI. ✦ Manual de marca ✦ Miguel Melle ✦ GUI. ✦ Manual de marca ✦ Miguel Melle ✦ GUI. ✦ Manual de marca ✦ Miguel Melle ✦ GUI. ✦ Manual de marca ✦ Miguel Melle ✦

Sistema de Logo

GUI.

Logo Completa

O lockup completo deve ser usado na maioria das aplicações. Comunica claramente a marca e reforça o reconhecimento.

Wordmark

A wordmark isolada pode ser usada quando o ícone já estiver presente por perto ou em contextos onde a marca já é reconhecida.

Marca Gráfica

Para espaços limitados: avatares, favicons, ícones de aplicativo e perfis em redes sociais.

Versão negativa — fundo escuro

Versão monocromática — cream

Tamanhos Mínimos

Mín. digital: 120px largura

Mín. ícone: 24px

Paleta de Cores

#FFE600

GUI Yellow

RGB 255, 230, 0

Primária / Cor da Marca

#FFF9C4

Butter

RGB 255, 249, 196

Secundária / Clara

#1A1A00

Dark Olive

RGB 26, 26, 0

Texto Principal / Contraste

#FFFDE7

Cream

RGB 255, 253, 231

Fundo / Superfície

#F9F9F5

Seasalt

RGB 249, 249, 245

Fundo Neutro

#B8A000

Mustard

RGB 184, 160, 0

Acento / Secundária

#F5E6A3

Soft Gold

RGB 245, 230, 163

Acento Suave

#1C1C0A

Warm Black

RGB 28, 28, 10

Fundo Profundo

Uso das Cores

O GUI Yellow (#FFE600) é a cor primária — amarelão vibrante, puro e impossível de ignorar. Transmite energia, frescor e ousadia. O Dark Olive (#1A1A00) funciona como contrapeso, garantindo legibilidade e sofisticação. As cores secundárias (Butter, Cream, Soft Gold) criam hierarquia visual sem competir com o amarelo.

Proporção recomendada: 60% neutros (cream/seasalt) · 30% GUI Yellow · 10% Dark Olive para texto e elementos gráficos.

|

Fonte Primária — Display e Títulos

Albert Sans

Geométrica, moderna, com personalidade forte nos pesos black e extrabold. Tracking negativo para headlines, normal para corpo de texto.

GUI. — Peso 900

GUI. — Peso 800

GUI. — Peso 700

GUI. — Peso 600

GUI. — Peso 500

GUI. — Peso 400

GUI. — Peso 300

Fonte Secundária — Interface e Dados

Space Mono

Monospace com caráter. Perfeita para rótulos, dados, legendas, código e elementos de interface. Cria contraste textural com a Albert Sans.

GUI. — Bold 700
GUI. — Regular 400
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 !@#$%&*()

Escala Tipográfica

Display / 72pxGUI.

H1 / 48pxGUI.

H2 / 36pxGUI.

H3 / 24pxGUI.

Corpo G / 18pxGUI.

Corpo / 15pxGUI.

Legenda / 12pxGUI.

Aplicações

Ícone do App

Post Social Media

Uniforme

Cartão de Visita — Frente

Cartão de Visita — Verso

Frota — Caminhão

Downloads

Baixe os assets da marca nos formatos e cores que precisar. Selecione a cor desejada e clique no formato para fazer o download.

Logo Completa

GUI.

Cor selecionada: Dark Olive

Wordmark

GUI.

Cor selecionada: Dark Olive

Símbolo

Cor selecionada: Dark Olive

Materiais

Cartão de Visita