Botões
Os botões do cloaked.com
O botão principal do cloaked.com é #130f02 com texto #fbf8ef, cantos de 9999px e 36px de altura. Abaixo: cada variante de botão que o site usa, seus estados de hover e foco, e o CSS para deixar os seus iguais.
Medido no cloaked.com há 4 dias.
Botão primary
- Hover
- moves up 2.4px
- Foco
- no visible focus style measured (may rely on :focus-visible with keyboard only)
- Transição
- transform, 0.167s
O CSS
Uma classe por variante, com os valores medidos. A fonte é a que o cloaked.com define nos botões.
.btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
height: 36px;
padding: 0px 16px;
background: #130f02;
color: #fbf8ef;
border: none;
border-radius: 9999px;
font-size: 16px;
font-weight: 300;
font-family: "Stkbureausans", sans-serif;
cursor: pointer;
}Para agentes de IA
O pacote é texto puro, sem chave: busque o DESIGN.md ou entregue o pacote inteiro ao Claude Code, Cursor ou Copilot pelo servidor MCP.
curl -s https://stylepack.ai/packs/cloaked.com/DESIGN.mdPerguntas
Como fazer botões iguais aos do cloaked.com?
Use o CSS desta página: o botão principal é #130f02 com texto #fbf8ef, cantos de 9999px, 36px de altura. Adicione as regras de hover e foco listadas em cada variante e defina a fonte do botão como a que o cloaked.com usa.
De que cor são os botões do cloaked.com?
O botão principal do cloaked.com é #130f02 com texto #fbf8ef. O site usa 1 variantes de botão no total; cada uma está listada nesta página com fundo, borda, raio e tamanho.
Um agente de código com IA consegue copiar os botões do cloaked.com?
Sim. O pacote de design do cloaked.com no Stylepack traz cada variante de botão com seus estados, as fontes, as cores e capturas de tela, para que Claude Code, Cursor ou Copilot construam botões iguais.