Diretrizes da marca.

• Claro Sobre fundo escuro, como no tema escuro SVG PNG
• Quase preto Sobre fundo branco ou claro SVG PNG
• Ícone de perfil Branco sobre Azul LFW, quadrado, para perfis em redes sociais e ícones de aplicativos. Funciona com recorte circular. SVG PNG

Os arquivos do logotipo são transparentes e recortados rente, com as letras convertidas em contornos; o ícone de perfil é um quadrado sólido. Deixe espaço ao redor da marca, mantenha as proporções e nunca a recolora nem a distorça.

• Azul LFW #1849B8 A cor da marca: o cabeçalho, as seções de fechamento, os botões principais, os sobretítulos e os estados ativos.
• Azul profundo #123A96 O Azul LFW para fundos escuros: o cabeçalho e as seções de fechamento no tema escuro, e os estados ao passar o mouse.
• Tinta #0A0A0A Títulos e texto corrido nas páginas claras; o fundo do tema escuro.
• Cinza 600 #555555 Texto secundário e descrições.
• Cinza 500 #666666 Rótulos, legendas e letras miúdas.
• Linha #EBEBEB Bordas de cartões e linhas de tabelas. É o espaço, não as linhas, que separa os elementos.
• Superfície #FAFAFA Painéis suaves, cartões sobre fundo branco e rodapés.
• Branco #FFFFFF A página. O LFW.com é claro por padrão.
• Verde #0E7D57 Só para um estado positivo: verificações aprovadas, disponibilidade, publicado.

• DisplayPublic Sans 500 · 72px · 1.02 · −0.045emSua agência web de referência.
• TítuloPublic Sans 500 · 48px · 1.08 · −0.035emO que a mensalidade cobre.
• SubtítuloPublic Sans 500 · 28px · 1.15 · −0.025emO formulário de inscrição entra em loop no iPhone
• CabeçalhoPublic Sans 600 · 20px · 1.25 · −0.02emPequenas alterações ilimitadas
• Subtítulo menorPublic Sans 600 · 16px · 1.35 · −0.01emHorário de atendimento
• Texto corridoPublic Sans 400 · 17px · 1.65Fazemos as alterações que você envia, mantemos seu site atualizado e o verificamos todos os dias.
• RótuloPublic Sans 500 · 14pxDados de exemplo de uma organização fictícia.

• Claro por padrãoPáginas brancas, com tema escuro para quem preferir.
• O azul é um destaqueBotões, links e estados ativos. Nunca uma faixa de largura total.
• Mostrar o serviçoAs imagens do Portal, do Monitor e do relatório explicam o trabalho. Cada exemplo é identificado.
• Limpo e fácil de percorrerTítulos curtos, uma linha abaixo de cada um, depois a prova.
• O texto abaixo do títuloNunca ao lado. Os botões ficam abaixo das palavras que os justificam.
• Espaço entre os elementosCartões e elementos são separados pelo espaço, não por divisórias.
• Cartões, não tabelasOpções, prazos e comparações são cartões. Tabelas só nas imagens de produto.
• Serifas só no logotipoTodo título e cabeçalho é em Public Sans.

Posicionamento

Operações web de missão crítica.

A relação

Sua agência web de referência.

A atitude

Nenhuma carga é pesada demais.

• Ser direto sobre o que fazemos, quanto custa e o que acontece depois.
• Fatos simples, nas palavras do cliente. Nada de slogans que deixam o leitor se perguntando o que querem dizer.
• Levar a sério os pedidos ambiciosos e ser honesto sobre o escopo, as concessões e as ferramentas que usamos, incluindo IA.
• Prometer o que os clientes vão receber, como os prazos de resposta e a propriedade total do site. Não afirmar nada sobre o tamanho da equipe nem sobre quem faz o trabalho, que mudam à medida que a LFW cresce.
• Informar o horário comercial onde quer que apareça um prazo de resposta.
• Parágrafos curtos. Quando o conteúdo é uma lista de etapas, funcionalidades ou requisitos, transformá-lo em uma lista de verdade.
• Nada de travessões. Em inglês, a ortografia americana. O domínio se escreve LFW.com, e em minúsculas só quando seguido de um caminho.
• WordPress só como descritor, como em “sites em WordPress”.
• Um pouco de humor quando soa pessoal, nunca em textos jurídicos, de segurança ou de compras públicas.