Pular para conteúdo

Glossário técnico de webdesign

Termo Definição
Accessibility (a11y) Práticas que tornam o site utilizável por todas as pessoas, inclusive quem usa leitores de tela.
Alt Text Texto alternativo de imagens — essencial para a11y e SEO.
Aspect Ratio Proporção entre largura e altura de um elemento ou imagem.
Auto-layout jump preventer Técnica para evitar "pulos" visuais quando o conteúdo muda entre breakpoints.
Breakpoint Largura de tela onde o layout recebe novos estilos responsivos.
Canvas "Tela" de criação de páginas no Framer.
CDN (Content Delivery Network) Rede de servidores que entrega arquivos estáticos de forma mais rápida ao usuário.
Class Conjunto nomeado de estilos CSS aplicável a vários elementos.
CMS Sistema de gerenciamento de conteúdo usado para seções dinâmicas editáveis.
Code Override Trecho de código React que altera dinamicamente um componente no Framer.
Collection Tabela de dados no CMS do Webflow (posts, produtos, depoimentos).
Collection List Lista dinâmica que exibe itens de uma Collection.
Combo Class Classe extra sobre a classe base para variações de estilo (Webflow).
Component Bloco reutilizável (botão, navbar, card) que facilita padronização.
Cookie Banner Aviso de consentimento de cookies (LGPD/GDPR).
CTA (Call to Action) Elemento que convida o usuário a agir (ex.: "Compre agora").
Designer Interface visual de construção de sites no Webflow.
DNS Sistema que aponta o domínio para o servidor do site.
Domain Manager Serviço onde se configuram registros DNS e certificados SSL.
Editor Role Permissão de edição que o cliente concede em projetos Framer.
Embed Widget para inserir código HTML/JS/CSS personalizado (Webflow).
Favicon Ícone pequeno exibido na aba do navegador e nos favoritos.
Figma Import Recurso que converte frames do Figma em layers editáveis no Framer.
Flexbox Modelo CSS para alinhar e distribuir espaço entre itens num contêiner.
Grid System Estrutura de colunas/linhas que organiza conteúdo responsivo.
Hero Section Primeiro bloco "acima da dobra" que apresenta a proposta de valor.
Hover State Estilo aplicado quando o ponteiro do mouse está sobre um elemento.
Interactions 2.0 Sistema de animações e micro-interações no Webflow sem código.
Insert Menu Menu que adiciona layers, componentes e assets no Framer.
Lazy Loading Carregamento de imagens/recursos só quando entram no viewport.
LEGACY (label) Rótulo para arquivos antigos mantidos como backup pós-entrega.
Lighthouse Ferramenta do Google que avalia performance, a11y, SEO e boas práticas.
Max-width Container Contêiner limitado (ex.: 1280 px) para centralizar conteúdo.
Media Query Regra CSS que aplica estilos condicionais a breakpoints.
Motion Preset Animação pré-configurada (fade, slide, scale) no Framer.
Navigator Painel em árvore que mostra a hierarquia da página no Webflow.
Open Graph Metadados que definem a pré-visualização de links em redes sociais.
Page Effects Transições globais entre páginas no Framer (dissolve, push etc.).
Padding vs Margin Espaço interno (padding) e externo (margin) ao redor de um elemento.
PNG-24 / WebP Formatos de imagem para transparência e alta compressão.
Preview Mode Modo de visualização interativa no Framer.
Progressive JPEG JPEG que carrega primeiro em baixa resolução e depois refina.
Publish Ação que envia o site para o domínio de staging ou produção (Webflow).
Rem / Px / Em Unidades de medida relativas/absolutas para tipografia e spacing.
Remix Link Link para duplicar um projeto Framer na conta do cliente.
Responsive Design Abordagem que adapta o layout a qualquer tamanho de tela.
Retina / @2x Imagens em alta densidade de pixels para telas retina ou 4K.
Robots.txt Arquivo que orienta motores de busca sobre indexação.
RTL Support Suporte a idiomas escritos da direita para a esquerda.
Schema Markup Dados estruturados (JSON-LD) que enriquecem resultados de busca.
Scroll Transform Animações ou estilo disparados pelo scroll no Framer.
SEO (Search Engine Optimization) Técnicas para melhorar ranqueamento orgânico em buscadores.
Site Plan Assinatura Webflow que libera hospedagem, CMS e e-commerce.
Sitemap.xml Lista de URLs do site enviada a buscadores.
SSL Certificate Protocolo que habilita HTTPS e o cadeado de segurança.
Starter File Arquivo-base padronizado com páginas, estilos e plugins.
Staging Domain URL .webflow.io usada para testes antes do domínio final.
Symbols (Components) Conjuntos reutilizáveis com instâncias sincronizadas (Webflow).
Tab Index Ordem de navegação pelo teclado definida via tabindex.
Theme Variables / Tokens Valores centralizados de cor, tipografia ou spacing.
Variants Estados (hover, pressed, disabled) agrupados num componente do Framer.
Viewport Área visível da página; base para unidades vh / vw.
Web Animations API Padrão JS nativo para criar animações sem libs externas.
WebP Formato de imagem moderno com alta compressão e qualidade.
Workspace Ambiente colaborativo que agrupa sites e membros no Webflow.
Z-index Propriedade CSS que controla a sobreposição de elementos.