Analisador de Hierarquia Visual

Entrada

Design Description

Landing page: top has a small logo left, nav links right. Hero is a centered headline (~28px), a gray subhead, and a blue 'Sign up' button the same size as a secondary 'Learn more' button beside it. Below are three equal feature cards. The testimonial and pricing are far down, and there's a second identical CTA in the footer.

Design Type

landing

Analysis Focus

conversion

Saída (trecho)

PROBLEMAS DE HIERARQUIA (conversão): 1) O título a 28px é discreto demais para um hero — aumente para 44-56px para ganhar os primeiros 3 segundos. 2) Os CTAs principal e secundário têm o mesmo peso — diminua a ênfase do "Saiba mais" (estilo fantasma/texto) para que o olho se comprometa com o "Cadastre-se". 3) Preços e depoimentos estão depois de uma longa rolagem — traga um ponto de prova para perto do hero. 4) Dois CTAs idênticos dividem o foco; varie a frase. CORREÇÃO PRIORITÁRIA: aumentar o título + um único CTA dominante. Ganho esperado: caminho de leitura mais claro, decisão mais rápida.

Entrada

Design Description

Newsletter email: full-width hero image with white text baked into it, a light gray body text on white background (~13px), one orange button, and a footer with tiny 10px legal text and low-contrast unsubscribe link.

Design Type

email

Analysis Focus

accessibility

Saída (trecho)

PROBLEMAS DE HIERARQUIA DE ACESSIBILIDADE: 1) O texto embutido na imagem do hero é invisível para leitores de tela e quebra quando as imagens são bloqueadas — mova o título para HTML real. 2) Corpo em cinza-claro de 13px sobre branco provavelmente falha no contraste WCAG AA — escureça para pelo menos #595959 e suba para 15-16px. 3) Texto legal de 10px é ilegível — mínimo de 12px. 4) Um link de descadastro com baixo contraste arrisca a conformidade e a confiança — torne-o claramente visível. PRIORIDADE: texto real + contraste. Estes também melhoram a entregabilidade e a leitura por cima.

Entrada

Design Description

Analytics dashboard ported to mobile: a top row of four KPI cards squeezed side by side, a large line chart, then a dense data table with 8 columns. Everything is the same font size and weight, and the most important metric (revenue) sits third from left.

Design Type

dashboard

Analysis Focus

mobile

Saída (trecho)

PROBLEMAS DE HIERARQUIA MOBILE: 1) Quatro cards de KPI em uma linha ficam espremidos abaixo de ~90px de largura — empilhe em uma grade 2x2 e comece pela Receita, não pelo terceiro da esquerda. 2) Tamanho/peso uniformes fazem nada guiar o olho — deixe a métrica principal ~2x maior e em negrito. 3) Uma tabela de 8 colunas é inutilizável no mobile — mude para uma lista de cards ou rolagem horizontal com a primeira coluna fixada. 4) O gráfico precisa de espaço para respirar acima da tabela. PRIORIDADE: reordenar por importância + grade de KPIs responsiva.