Pending Approval
Componentes, padrões e lacunas ainda não oficialmente documentados no DESIGN.md. Nenhum destes itens deve ser usado como referência oficial.
Todos os itens abaixo são marcados como Needs Product Designer approval. Podem ser usados como rascunho ou proposta, mas nunca como componente oficial. Um item só se torna oficial após aprovação e documentação no DESIGN.md.
Componentes e padrões pendentes
Tabs
Needs Product Designer approvalModal
Needs Product Designer approvalTable
Needs Product Designer approvalSidebar
Needs Product Designer approvalEmpty State
Needs Product Designer approvalDropdown
Needs Product Designer approvalTooltip
Needs Product Designer approvalToast
Needs Product Designer approvalPagination
Needs Product Designer approvalBreadcrumb
Needs Product Designer approvalDate Picker
Needs Product Designer approvalUpload
Needs Product Designer approvalSearch
Needs Product Designer approvalNavigation
Needs Product Designer approvalHeader
Needs Product Designer approvalFooter
Needs Product Designer approvalDashboard cards
Needs Product Designer approvalOperational tables
Needs Product Designer approvalImage review screens
Needs Product Designer approvalBefore/after comparison
Needs Product Designer approvalApproval flows
Needs Product Designer approvalRegeneration flows
Needs Product Designer approvalMobile modal behavior.
Needs Product Designer approvalNão usar como componente oficial.
Needs Product Designer approvalNão documentar em handoff como aprovado.
Needs Product Designer approvalNão tratar como parte da biblioteca oficial.
Needs Product Designer approvalPode ser proposto como rascunho, desde que marcado como **Needs Product Designer approval**.
Needs Product Designer approvalDeve entrar no Registro de propostas pendentes antes de qualquer uso recorrente.
Needs Product Designer approvalLacunas conhecidas
Áreas ainda não totalmente documentadas ou não oficializadas. Não devem ser preenchidas livremente por IA sem validação da Product Designer.
- Estados de loading e skeleton ainda não estão documentados.
- Comportamento completo de modal mobile ainda não está documentado.
- Padrões de dashboard interno ainda não estão oficializados.
- Fluxos de área do cliente precisam de condução da Product Designer.
- Padrões B2B, before/after e image review ainda precisam de documentação específica.
- Comportamento avançado de tabelas, filtros e navegação ainda não está coberto.
- Padrões de Empty State, Toast, Tooltip e Dropdown ainda estão pendentes.
- Padrões de aprovação, refação e regeneração ainda devem ser documentados antes de uso recorrente.
Registro de propostas pendentes
Toda proposta deve ser registrada aqui antes de ser usada de forma recorrente. Um item só se torna oficial após aprovação e documentação.
Nenhuma proposta registrada ainda.
Changelog
- ·Adicionada família Unbounded como fonte exclusiva para marketing.
- ·Adicionada arquitetura tipográfica por contexto: Marketing, Plataforma e Interface.
- ·Adicionada escala semântica de marketing para Unbounded.
- ·Reforçada a separação entre tipografia de marketing e tipografia de produto.
- ·Atualizadas regras de uso para IA com orientação específica sobre quando usar Unbounded, Montserrat e Noto Sans.
- ·Reforçado que propostas geradas com IA devem ser tratadas como rascunhos até revisão da/do Product Designer.
- ·Reforçada a obrigatoriedade de validação da/do Product Designer para fluxos complexos, jornadas críticas, arquitetura de informação, regras de negócio, novos componentes e padrões não documentados.
- ·Adicionada orientação explícita sobre testes com usuários / validação de usabilidade para jornadas reais, fluxos complexos e soluções que impactam compreensão, navegação, conversão ou tomada de decisão.
- ·Adicionados erros frequentes relacionados ao uso indevido de Unbounded.
- ·Atualizada a fundação de Typography para refletir o novo modelo tipográfico do Design System.
- ·Mantida a estrutura operacional da v1.1.
- ·Adicionado Overview narrativo inspirado em documentação visual de referência, mas adaptado ao objetivo de governança para IA.
- ·Adicionada seção de Características principais.
- ·Adicionada seção de Escopo de uso do DESIGN.md.
- ·Adicionada seção de Layout e comportamento responsivo.
- ·Adicionada seção de Lacunas conhecidas.
- ·Incorporados os novos componentes oficiais da v1.2 com ajustes de consistência.
- ·Restaurado o nível explicativo das regras para IA, foundations, tokens, pendências e erros frequentes.
- ·Tabs reinserido na lista de componentes pendentes.
- ·Corrigida a descrição do changelog sobre componentes promovidos e componentes adicionados.
- ·Corrigida a afirmação sobre CSS mapping para não indicar cobertura inexistente.
- ·Adicionadas regras mais claras para Select.
- ·Adicionada matriz mínima de tokens para Badge.
- ·Adicionadas dimensões mínimas para Avatar.
- ·Adicionadas regras de padding, background, border e shadow para Card.
- ·Adicionada continuidade de naming entre Input Text / Textarea e Input / Text / Input / Textarea.
- ·Adicionados novos componentes oficiais extraídos diretamente do Figma: Select, Badge, Checkbox, Toggle, Radio Button, Avatar e Card.
- ·Cada componente passou a documentar eixos de variante, estados, tokens por estado e regras de uso.
- ·Select, Badge, Checkbox, Radio Button e Card foram promovidos de pendentes a oficiais.
- ·Toggle e Avatar foram adicionados como novos componentes oficiais.
- ·CSS mapping documentado para componentes que possuem estados interativos mapeáveis nesta versão.
- ·Card removido da lista de componentes pendentes e promovido a oficial.
- ·Select removido da lista de pendentes após confirmação de página no Figma.
- ·Escala completa de tokens de cor primitivos com hex reais do Figma.
- ·Tokens semânticos de cor completos.
- ·Regra de prioridade: tokens semânticos antes de primitivos.
- ·Escala tipográfica completa com valores reais.
- ·Spacing, Radius e Elevation confirmados com tokens reais.
- ·Seção de Registro de propostas pendentes.
- ·Primeira versão funcional do DESIGN.md.
- ·Foundations documentadas: Colors, Typography, Spacing & Radius, Grid Layouts, Elevation / Shadow.
- ·Componentes documentados: Button, Input Text, Textarea.