Wireframe - Design System

Padrões

Padrões de composição e layouts recorrentes.

Empty State

Padrão de estado vazio

Mensagens de validação

Mensagens de erro de formulário

Padrão de Erro

Padrão geral de erro

Tela de Erro

Página de erro completa

Notificações

Sistema de notificações

Tela de Progresso

Loading screen com contexto

Tela de Sucesso

Confirmação de ação concluída

Artigos de Ajuda

Estrutura de artigos da central de ajuda

Acordeões

Conteúdo colapsável vertical

Tabs de Dados

Tabs para alternar entre dados

Tabs de Feature

Tabs com features destacadas

Banner Card

Card no formato banner

Banner Info

Banner informativo

Cluster de Cards

Agrupamento de cards relacionados

Cluster com Imagem

Cluster de cards com imagem

Callout Small

Destaque visual pequeno

Callout Large

Destaque visual grande

Hero Interativo

Hero com elementos interativos

Hero Large

Hero em escala grande

Hero Simple

Hero minimalista

Hero Small

Hero compacto

Feature Grid

Seção de features em grade

Feature Interativa

Seção de feature interativa

Feature Single

Feature em destaque único

Feature Wide

Feature em largura total

Carrossel

Carrossel horizontal genérico

Destaque de Produto

Highlight de produto/feature

Destaque de Confiança

Highlight de social proof

Icon Divider

Divisor com ícone

Lista com Ícones

Lista vertical com ícones

Ícones Sociais

Ícones de redes sociais

Grid de Logos

Grid de logos de clientes/parceiros

Quote em Destaque

Citação visual destacada

Quote em Texto

Citação em formato texto

Texto Disclaimer

Texto de aviso legal

Texto Fato

Bloco de número/fato

Texto Headline

Headline isolada

Texto Intro

Bloco introdutório

Texto Empilhado

Stack de blocos textuais

Video Embed

Incorporação de vídeo