Sistema de Design UMMONTE

Uma linguagem visual.
Em todos os lugares onde importa.

A referência viva para cores, tipografia, espaçamento e componentes de interface em todo o site UMMONTE.

01 · Fundação

Cor

Background--forest-950#000000
Surface--forest-900#0B0B0B
Raised--forest-800#121212
Cream--cream-100#F3EFE7
Paper--cream-50#FAF7F0
Accent--coral-500#EE663E

02 · Voz

Tipografia

Display / Inter 900

Torne o trabalho visível.

H1 / Inter 800

Um projeto de que as pessoas se lembram.

H2 / Inter 800

Construído a partir da música.

Texto / Inter 400

Claro, generoso e direto. A voz do texto corrido facilita a compreensão do trabalho criativo complexo.

Rótulo / Space Mono 700

// Parceiro criativo

Editorial / Instrument Serif

“O estilo vem do projeto.”

03 · Ritmo

Espaçamento

--space-1
4px
--space-2
8px
--space-3
12px
--space-4
16px
--space-6
24px
--space-8
32px
--space-12
48px
--space-16
64px
--space-24
96px

04 · Ações

Botões e campos

05 · Superfícies

Cartões

01

Cartão padrão

Para serviços, produtos e blocos concisos de informações de apoio.

02

Cartão de destaque

Uma superfície maior, com espaço de sobra para uma narrativa mais forte.

// Resultado

Um próximo passo claro, apresentado sem ruído visual.

03

Cartão interativo

Passe o mouse para ver o tratamento de elevação, borda e movimento.