Botão Fantasma

Leandro Patitucci Pierin
Tendências Digitais
2 min readJun 22, 2016

Botão fantasma ou ghost button, são botões retangulares com o interior vazio e transparente, com um linha delimitadora super fina nas bordas e geralmente com um texto no meio utilizando uma fonte light, sem serifa.

Esse é um elemento que pode ser implementado facilmente em diversos websites pela sua simplicidade e por ter um design minimalista e moderno, que se encaixa perfeitamente com o background e não tira a atenção do usuário do conteúdo. O seu uso não é apropriado para todo tipo de site, eles são mais adequados para websites e aplicativos que tem uma interface minimalista e flat, ou que utilizam uma grande foto/imagem se destacando no fundo.

A popularidade vem crescendo devido a preferência que as pessoas estão tendo por um design mais simples, clean e minimalista, que podemos observar também com a ascensão do flat design e material design.

HUD com elementos similares ao Ghost Button

Esse estilo pode ser encontrado também em algumas interfaces futuristas em filmes de ficção científica, como por exemplo o filme Star Trek lançado em 2009, Ender’s Game e Homem de Ferro.

O botão fantasma possui uma aparência elegante e se integra facilmente com muitos outros elementos e estilos básicos que você possa usar no seu site, mas é preciso tomar muito cuidado na hora de utiliza-lo, dependendo da maneira que é colocado pode apresentar problemas de legibilidade. A escolha equivocada de uma imagem de fundo ou a combinação de cores erradas podem resultar em algo péssimo.

Atualmente pode-se encontrar esse tipo de botão em várias páginas da web, (inclusive pode ser encontrado dentro do próprio Medium) e com certeza ainda veremos muito esse padrão visual daqui pra frente.

--

--