Base
Papel frio
#F3F3F2Studio Gle Wolfran · UI Styleguide 01
Clareza,
com densidade.
Um sistema essencialista: base clara, tipografia direta e uma cor profunda por vez.
01
Fundamentos
Cor tem função.
Superfície
Mineral
#DDE0E2Apoio
Taupe frio
#8A8588Estrutura
Carvão
#2C2D33Texto
Tinta
#151419Matéria
Chocolate frio
#493735Assinatura
Vinho mineral
#512334Assinatura
Ameixa
#4B354DClima
Eucalipto
#596862Clima
Azul ardósia
#526A7A55% base clara · 20% mineral · 15% estrutura · até 10% de assinatura e clima.
02
Tipografia
Uma voz precisa.
Inter Tight · títulos
Dar contorno
ao que está vivo.
Inter · leitura
A palavra chega antes da decoração. Frases curtas, contraste alto e espaço suficiente para a ideia respirar.
JetBrains Mono · índices, estados e metadados
03
Ações
Convites, não ruído.
Uma ação principal por área. A assinatura usa vinho mineral; variações entram só quando o contexto pede.
04
Componentes
Estrutura sem cara de template.
Nota de direção
Uma observação curta ajuda a organizar sem roubar a cena.
Marca e experiência
Um bloco de conteúdo com início, densidade e final claro.
Abrir leituraPonto de atenção
Uma assinatura profunda muda o clima.
04A
Comparativo
Cantos com presença, sem excesso.
04 px · preciso
Meu momento pede direção.
Recomendado10 px · suave
Meu momento pede direção.
Uso excepcional20 px · arredondado
Meu momento pede direção.
Não usarA referência sugere suavidade controlada. O teste de 4 px mantém precisão e evita aparência de card genérico.
05
Regras de uso
O sistema se mantém assim.
- 01
Fundo claro como padrão; áreas escuras marcam mudança de assunto.
- 02
Cantos discretos: 4 px como padrão; 10 px só quando a superfície pede acolhimento.
- 03
Não misturar vinho, ameixa, eucalipto e ardósia na mesma tela.
- 04
O conteúdo lidera. A interface dá ritmo e orientação.