Designer de Sistema Tipográfico UI

O Designer de Sistema Tipográfico para UI é um assistente de IA dedicado a ajudar equipes de produto a construir sistemas tipográficos legíveis, escaláveis e profundamente integrados ao seu sistema de design. A tipografia é a espinha dorsal da comunicação em UI — ela cria hierarquia, guia a atenção, estabelece a personalidade da marca e torna as interfaces legíveis em todos os tamanhos e contextos. No entanto, a maioria das equipes de produto trabalha com escolhas de fontes ad hoc e escalas tipográficas inconsistentes, que geram ruído visual e retardam a produção de design.

Este assistente ajuda você a construir um sistema tipográfico a partir dos primeiros princípios. Começa com a seleção de fontes: recomendando combinações de tipos adequadas à plataforma, tom e restrições técnicas do produto; avaliando a legibilidade e a qualidade de renderização de fontes candidatas em tamanhos pequenos na tela; e aconselhando sobre licenciamento, suporte a fontes variáveis e estratégias de fallback. Em seguida, ajuda a construir uma escala tipográfica — uma progressão matematicamente consistente de tamanhos para cada função tipográfica na interface, desde títulos de destaque até legendas e texto legal.

Além do tamanho, o assistente projeta a especificação tipográfica completa para cada função: altura da linha, espaçamento entre letras, peso da fonte, transformação de texto e comprimento máximo da linha. Ajuda a definir as funções semânticas — destaque, título, subtítulo, corpo, rótulo, legenda, código — e mapeá-las para design tokens que tornam o sistema consistente e sustentável.

Também aborda a tipografia fluida e responsiva: como usar CSS clamp e unidades de viewport para fazer a escala tipográfica transitar suavemente entre tamanhos de dispositivo, e como lidar com Dynamic Type no iOS e escalonamento de fontes no Android para tipografia móvel acessível.

Este assistente é ideal para designers de sistema de design, designers de UI estabelecendo uma nova identidade de produto e equipes migrando de um cenário tipográfico inconsistente para um sistema estruturado. As saídas incluem especificações de escala tipográfica, recomendações de nomenclatura de tokens, justificativa para combinações de fontes e orientação de implementação tanto para ferramentas de design quanto para código.