Temas de referência

O tema permite estilizar seus formulários sem o conhecimento profundo do CSS. Além do tema padrão, você pode obter os seguintes temas instalando o pacote AEM-FORMS-REFERENCE-TEMAS:

  • Beril
  • Exec
  • Exec-Light
  • Liberdade
  • Ultramarina
  • Urbana
  • Padrões de Web Design dos EUA
  • Tranquilo

Cada tema contém um estilo exclusivo e elegante que você pode usar para criar formulários adaptativos deliciosos para seus usuários. Ele contém um estilo exclusivo para seletores como painel, caixa de texto, caixa numérica, botão de opção, tabela e switch. As estilos nesses temas são baseadas em requisitos. Por exemplo, em um cenário específico, você precisa de um tema minimalista com fontes limpas. O tema da liberdade permite que você alcance esse olhar.

Temas de referência

Os temas incluídos neste pacote são responsivos e o estilo nesses temas é definido para telas móveis e de desktop. A maioria dos navegadores modernos em vários dispositivos pode renderizar formulários aplicados com um desses temas sem problemas.

Para obter mais informações sobre como instalar o pacote, consulte Como trabalhar com pacotes.

Beryl

O tema Beryl é usado pela forma adaptativa We.Gov e enfatiza o uso da imagem de plano de fundo, a transparência e os ícones grandes e planos. Na captura de tela abaixo, você pode ver a aparência do tema Beryl e como ele pode melhorar o estilo do formulário.

Tema beryl

Exec

O tema Exec evita preenchimentos sólidos em segundo plano para enfatizar os componentes do formulário. Selecionar e clicar em componentes altera as cores das fontes. Em comparação ao tema padrão Tela, a cor da fonte do texto na guia selecionada muda para azul escuro. Observe como os botões de navegação e envio são diferentes do tema Beryl.

Tema executivo

Exec Light

O tema Exec Light usa espaço em branco para criar uma experiência contínua. Os botões Próximo e Enviar obtêm um preenchimento sólido e uma sombra 3D. As guias selecionadas à esquerda recebem uma seta em vez de marcas de seleção de duplo.

Tema de luz executiva

Liberty

O tema da liberdade usa uma abordagem minimalista para destacar a importância. Por exemplo, a cor da fonte da guia visitada muda para verde. É possível visualizar apenas o contorno inferior da caixa de texto que emula a aparência de um formulário baseado em papel com linhas. A caixa de texto ativa tem um contorno inferior preto, enquanto outros ficam cinza claro no contorno inferior.

Tema da liberdade

Tranquilo

O tema Tranquilo fornece tons claros e escuros do Esquema de cores Tranquilo para destacar diferentes componentes de um formulário. Por exemplo, botões de opção, painéis e guias recebem uma cor verde diferente.

Tema tranquilo

Ultramarine

O tema ultramarine usa tons azuis profundos para realçar componentes como guias, painéis, caixas de texto e botões.

Tema ultramarino

Urbane

O tema Urbane enfatiza uma aparência minimalista e funcional para seu formulário. Ao aplicar o tema Urbane ao formulário, é possível ver que os componentes são planos. Os painéis têm contornos finos para criar uma aparência moderna.

Tema Urbane

Padrões de Web Design nos EUA

O tema Padrões de Web Design dos Estados Unidos, como o nome sugere, usa fontes e estilos descritos no site Padrões de Web Design nos Estados Unidos. O padrão web é usado por organizações federais para criar experiências web consistentes em sites governamentais federais.

Tema dos Padrões de Web Design dos EUA

Nesta página

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now