Plunni Logo
Pular para o conteúdo principal
Design System 2.0

Onde a precisão
encontra a alma.

Redefinindo a presença digital da Plunni através de um contraste absoluto. Deixamos de ser apenas "mais uma tech" para nos tornarmos uma autoridade elegante. O uso do preto traz o peso do conhecimento, o branco a clareza dos processos, e o laranja a vitalidade humana.

Foco em Sofisticação

Paleta de Autoridade

Cores reduzidas ao essencial. O laranja é nosso cirurgião: aparece apenas para operar a conversão e o destaque.

Pure Black

text-black / bg-black
#000000

COPIAR

Pure White

text-white / bg-white
#FFFFFF

COPIAR

Plunni Primary

text-primary / bg-primary
#f8543b

COPIAR

Pampas

text-pampas-100 / bg-pampas-100
#f1efeb

COPIAR
85%Base
10%Text
5%Action

Regra de Proporção

Para manter o ar premium, o Branco e o Pampas devem ocupar 85% da interface. O Preto entra para dar contraste em textos e elementos estruturais. O Laranja é o acento: deve ser usado em menos de 5% da área visual total.

  • CTAs de alta conversão
  • Títulos e ícones funcionais
  • Separação de seções e backgrounds de cards

Tipografia Bold & Elegante

Heading / Serif / Bold

Libre Baskerville

"Títulos que evocam autoridade editorial, com tracking generoso."

Body / Sans / Regular

Nunito Sans Modern

"Interface limpa, legível e técnica para a experiência de uso diário."

Teste de Hierarquia

H2. O Título Bold

700 Weight / 0.05em Tracking

H3. Subtítulo Marcante

700 Weight

Este é o corpo do texto. Usamos Nunito Sans para garantir que, mesmo em dispositivos pequenos, a leitura seja fluida e não canse o usuário. O contraste entre a serifa clássica e o sem-serifa moderno é o que nos diferencia.

Visualização de Links

.plunni-link / 0.1em Tracking / Uppercase

Componentes

Interações que parecem objetos físicos sobre a tela. Profundidade sem o uso de sombras pesadas.

Botões Glass

White

Pampas

Dark

Black

Primary

Option 1: White

Option 2: Pampas

Option 3: Dark

Option 4: Black

Option 5: Primary

Cards de Seção

01

Experiência Digital

Desenvolvemos interfaces que priorizam o fluxo cognitivo humano, reduzindo a fricção entre a tecnologia e o colaborador.

02

Experiência Digital

Desenvolvemos interfaces que priorizam o fluxo cognitivo humano, reduzindo a fricção entre a tecnologia e o colaborador.

03

Experiência Digital

Desenvolvemos interfaces que priorizam o fluxo cognitivo humano, reduzindo a fricção entre a tecnologia e o colaborador.

04

Experiência Digital

Desenvolvemos interfaces que priorizam o fluxo cognitivo humano, reduzindo a fricção entre a tecnologia e o colaborador.

Menos é Incontestável.

Ao utilizar o Pampas para separar contextos, mantemos a suavidade. O olho do visitante não é agredido por divisões bruscas. A Plunni se posiciona como um guia calmo em um mercado barulhento.

Explore a Metodologia
P

"A sofisticação não é o que você adiciona, mas o que você não consegue mais remover."

Plunni Filosofia