Ir para o conteúdo

Botões de contorno

Botões de contorno e ghost: bordas finas, tracejadas, duplas e com preenchimento no hover, para a ação secundária que não precisa gritar.

B 009Contorno fino

B 010Contorno que preenche

B 011Texto ghost

B 012Contorno tracejado

B 013Contorno em linha dupla

B 014Ghost com borda no hover

B 015Pílula rosé

B 016Ghost invertido (fundo escuro)

B 019Pílula com anel

B 026Borda gradiente

B 027Ghost texto gradiente

B 057Preenchimento brasa

B 058Preenchimento que sobe

B 061Cortina dividida

B 067Borda que se desenha

B 074Luz em contorno

B 079Ícone ghost quadrado

B 084Barra de progresso

B 085Ghost pulsante

B 097Secundário meia-noite

B 099Grupo de botões unidos

B 110Ghost com brilho na borda

B 140Texto aurora em contorno

B 146Preenchimento inset lateral

B 147Preenchimento inset vertical

B 148Preenchimento inset central

B 149Preenchimento inset duplo

B 150Anel inset que estoura

B 151Colchetes nos cantos

B 152Marcas nos quatro cantos

B 154Pontos nos cantos

React

B 162Chip com fechar contornado

B 177Brilho IA contornado

B 186Pílula de compartilhar

B 197Micro ícone quadrado

Visual do site inteiro: o prompt Minimalismo. Prateleiras vizinhas: botões pill, botões com gradiente, botões com ícone.