Design

A

Acessibilidade Web (WCAG)

WCAG é o padrão global de acessibilidade web. Veja como aplicar WCAG 2.1 nível AA em sites WordPress…

B

Breakpoints Responsivos

Breakpoints responsivos são pontos onde o layout muda em diferentes tamanhos de tela. Veja breakpoints padrão e como…

C

Contraste de Cor (Acessibilidade)

Contraste de cor adequado é essencial para acessibilidade. Veja os ratios mínimos WCAG, como medir e ferramentas para…

D

Design System

Design system é um conjunto de regras, componentes e padrões de design reutilizáveis. Veja como criar e manter…

H

Hero Section

Hero section é a primeira seção da landing page, com proposta de valor e CTA. Veja como criar…

Hierarquia Visual

Hierarquia visual organiza elementos da página por importância. Veja princípios práticos de hierarquia visual para web design WordPress.

Hover States

Hover states são efeitos quando o usuário passa o mouse sobre elementos. Veja como criar hovers eficientes e…

M

Mega Menu

Mega menu é um menu expandido com várias opções organizadas. Veja como criar mega menu no WordPress com…

Microinterações

Microinterações são pequenas animações que dão feedback ao usuário. Veja exemplos, benefícios e como criar microinterações no WordPress.

Mobile-First Design

Mobile-first design começa o projeto pelo mobile e expande para desktop. Veja por que essa abordagem é padrão…

Mockup vs Prototype

Mockup e prototype são etapas distintas do design. Mockup é estático, prototype é interativo. Veja diferenças e quando…

P

Paleta de Cores Web

Paleta de cores web define a identidade visual do site. Veja como escolher cores que funcionam, ferramentas e…

T

Tipografia Web

Tipografia web envolve escolha de fontes, hierarquia, espaçamento e legibilidade. Veja boas práticas de tipografia para sites WordPress.

W

Wireframe

Wireframe é o esqueleto visual de um site, sem cores ou imagens. Veja como criar wireframes eficientes para…