Home / Features / Custom CSS

Para devs

Formulários pixel-perfect com CSS

Os temas levam você a 80%. O CSS personalizado cuida do resto. Sobrescreva fontes, cores, espaçamento, animações — tudo o que o tema não consegue expressar. Salve overrides por formulário.

Começar Gratuitamente Ver Temas

form-design.css

/* Brand fonts */

@import url('https://fonts.googleapis.com/css?family=Inter:400,600,700');

.fb-form {

font-family: 'Inter', sans-serif;

--brand: #5B47FF;

}

.fb-input {

border-radius: 14px;

border: 1px solid #E3E8EE;

transition: border-color .2s;

}

.fb-input:focus {

border-color: var(--brand);

box-shadow: 0 0 0 4px rgba(91,71,255,.12);

}

Onde os temas param, o CSS começa

Os temas integrados cobrem o caso comum. O CSS personalizado libera a cauda longa — peculiaridades de marca, tipografia própria, micro-interações, ajustes de layout.

Editor inline

O editor de CSS fica dentro das configurações de design do formulário. Edite, salve, veja as mudanças na prévia ao vivo.

Sobrescreva qualquer coisa

Campos, rótulos, botões, estados de erro, focus, transições — tudo selecionável com CSS padrão.

Tema + CSS

Comece com um tema para o grosso, camade seu CSS por cima. O melhor dos dois mundos — setup rápido, controle total.

Salvo por formulário

Cada formulário tem seu próprio CSS. Marcas diferentes, formulários diferentes, regras diferentes — sem efeitos colaterais globais.

Designer + dev juntos

Designers ajustam temas visualmente, devs cuidam dos casos extremos com CSS. Os dois fluxos no mesmo formulário.

Sem build

Salve e os estilos vão para o formulário ao vivo na hora. Sem pipeline de deploy, sem rebuild, sem espera.

Estilize qualquer coisa do seu formulário

Alvos comuns — e como pensar neles.

Fontes via @font-face ou imports do Google Fonts
Tokens de cor da marca em inputs, focus rings e botões
Border-radius, sombras, tratamentos de profundidade
Espaçamento de campos, posição dos rótulos, colunas
Animações hover e focus, transições suaves
Estados de erro e mensagens de validação personalizados
Folhas de impressão para fluxos em papel
Overrides em mobile via media queries

FORM PREVIEW

Email address Message

Perguntas frequentes

Onde adiciono CSS personalizado?

Abra seu formulário, vá em Design → CSS personalizado. O editor aparece com syntax highlight. Salve e os estilos vão para o ar na hora.

Posso importar fontes externas?

Sim. Use @import url(...) no topo do seu CSS para puxar Google Fonts, Adobe Fonts ou qualquer fonte web. O formulário respeita o import ao carregar.

Meu CSS quebra se vocês atualizarem o renderizador?

Tratamos os nomes das classes CSS públicas como API estável e evitamos renomeá-las em atualizações de rotina. Redesigns maiores ficam documentados no changelog com notas de migração.

Posso sobrescrever os estilos do tema?

Pode sobrescrever qualquer coisa. O CSS personalizado é carregado depois dos estilos do tema, então suas regras vencem na cascata. Não precisa !important na maioria dos casos.

CSS personalizado está no plano gratuito?

CSS personalizado faz parte dos planos pagos. O plano gratuito tem o sistema de temas completo; veja preços para o nível exato.

Posso compartilhar CSS entre vários formulários?

Hoje cada formulário tem seu próprio CSS. Para estilos compartilhados, copie e cole o snippet — ou salve nas notas/snippets do time.

Estilize seus formulários do jeito que quiser

Escolha um tema, camade seu CSS, lance um formulário que não se parece com nenhum outro.

Começar Gratuitamente