Sites
Design de site de carreiras
Kimi Careers por OpenDesign
Página de carreiras contada em oito cenas lunares, com transições vinculadas à rolagem e um processo de candidatura ilustrado em quatro etapas.
Exemplo de hackathon
Biblioteca de exemplos de design
Vitrine OpenDesign:
Exemplos de design com IA
- Sites
- Aplicativos
- Painéis
- Slides
- Peças gráficas
- Motion design
98 exemplos de design de sites, aplicativos, painéis, slides e peças gráficas, incluindo templates oficiais do OpenDesign. Abra um projeto para conferir as decisões de layout e um prompt sugerido; os nomes dos modelos aparecem apenas quando documentados.
98 exemplos de design · três séries · 10 modelos documentados
Exemplos de design
Encontre inspiração para sua próxima ideia
Filtre por tipo de resultado, finalidade, série ou modelo usado na criação.
Exemplo de hackathon
Sites
Design de site para passeio noturno em Bianjing
Bianjing After Dark por OpenDesign
Uma jornada noturna interativa por uma Bianjing imaginária da era Song, que combina uma cidade fluvial persistente, poesia, lanternas e ritmo de capítulos em vários idiomas.
LLM Arena · GPT 6 Sol
Sites
Design de site para passeio noturno em Kaifeng
Bianjing After Dark por OpenDesign
Siga um rio iluminado por lanternas por cinco capítulos de Bianjing After Dark, do portão da cidade e do mercado noturno à poesia e à soltura de lanternas.
LLM Arena · Claude Opus 5.5
Painéis
Design de painel de planejamento de viagens
Halcyon Cove por OpenDesign
Monte um roteiro de um dia com seis paradas em Halcyon Cove: conecte lugares salvos, locais no mapa e tempo de caminhada em um só painel.
LLM Arena · Claude Opus 5
Aplicativos
Design de app de coleção marinha
Abyssal Log por OpenDesign
Uma coleção de espécimes marinhos conectada a missões de mergulho. Cada registro desconhecido explica a tarefa e o progresso necessários para revelá-lo.
LLM Arena · Claude Opus 5
Painéis
Design de painel pessoal
Life System por OpenDesign
Pontuação semanal, métricas do mapa corporal, ritmos diários e cinco experimentos em um painel para desktop, explicados em quatro visualizações detalhadas e anotadas.
Exemplo de hackathon
Sites
Design de site para reservas em restaurante
Ember & Pepper por OpenDesign
Pratos exclusivos e informações para visitar, acompanhados de uma janela de reserva para quem já está pronto para reservar.
LLM Arena · GPT 5.6 Sol
Aplicativos
Design de jogo de aventura em uma ilha
Harbor Skirmish por OpenDesign
Uma pequena ilha à beira-mar com rotas pelos telhados, três espaços para armas e uma interface em primeira pessoa descontraída.
LLM Arena · GPT 6 Astra
Slides
Design de apresentação de produto
Agent-Native Workspace por OpenDesign
Uma história de produto em três slides: uma ideia central de abertura, um conceito de aplicativo complementar para dispositivos móveis e uma central de controle empresarial.
Exemplo de hackathon
Aplicativos
Design de planejador de passeio de um dia
Solara Bay por OpenDesign
Seis paradas com horários em Solara Bay, uma cidade fictícia, com mapa ilustrado, estimativas de caminhada e avisos úteis sobre o trajeto.
LLM Arena · GPT 5.6 Sol
Aplicativos
Design de aplicativo de coleção de descobertas
Abyssal Atlas por OpenDesign
Uma coleção de espécimes ligada a uma fila de mergulhos: registros bloqueados, duas linhas de filtros e contadores de progresso mostram o que descobrir em seguida.
LLM Arena · Grok 4.6
Sites
Design de site para restaurante de hot pot
Yàn Huǒ por OpenDesign
O hot pot é apresentado com um menu de especialidades e preços, uma galeria do restaurante e informações para visitar antes de fazer uma reserva.
LLM Arena · Qwen 3.8 Max
Sites
Design de site de restauração florestal
Second Spring por OpenDesign
Um galho caído interativo leva a relatos de campo sobre a floresta, a um plano de restauração e a formas simuladas de contribuir.
LLM Arena · DeepSeek V4.1 Flash
Sites
Design de site interativo de conservação
Second Spring por OpenDesign
Cultive um trecho de musgo em um tronco caído e explore histórias do chão da floresta e formas simuladas de ajudar.
LLM Arena · Claude Fable 5.1
Peças gráficas
Design de explicação interativa de produto
iPhone Inside por OpenDesign
Camadas separadas de um celular conceitual, com predefinições de câmera, um controle deslizante e um painel com oito grupos de montagem.
LLM Arena · GPT Astra
Aplicativos
Design de jogo FPS em ilha
Harbor Skirmish por OpenDesign
Uma tela de título marcante da ilha leva à ação em primeira pessoa, com painéis de status em caixas e controles de armas numerados.
LLM Arena · DeepSeek V4.1 Flash
Peças gráficas
Design de site de currículo
Tom Goodman por OpenDesign
Um currículo fictício que combina experiência com gráficos de competências e trabalhos selecionados, em uma ordem de leitura de duas colunas e com um layout separado para impressão.
Exemplo de hackathon
Peças gráficas
Design de site de portfólio criativo
Maya Rowan por OpenDesign
Um portfólio fictício que reúne cards de projetos no estilo de pôster, uma prática em três etapas, anotações de trabalho e contato.
Exemplo de hackathon
Sites
Design de site com narrativa de templo
Narrativa arquitetônica por OpenDesign
Percorra Kage, um templo imaginário nas montanhas, apresentado por meio de arquitetura ao luar, observações serenas sobre o jardim e vistas aproximadas do trabalho em madeira.
Projeto oficial
Sites
Design de site para estúdio de design com IA
Landing page editorial em colagem do OpenDesign Atelier Zero por OpenDesign
O design de site para estúdio de design com IA da OpenDesign transforma o conceito de um estúdio local-first em uma landing page editorial que facilita a visualização de habilidades, experimentos e método.
Template oficial
Sites
Design de Site de Infraestrutura de IA
Site de marketing sereno de infraestrutura para agentes de IA da Halcyon via OpenDesign
Um conceito de landing page de infraestrutura de IA suave, com métricas de runtime de exemplo, cartões de recursos aninhados, movimento sutil e um único convite comercial.
Template oficial
Peças gráficas
Design de Pôster Editorial de Fluxo de Trabalho com IA
Pôster editorial para entusiastas de IA apresentando seis fluxos de trabalho de design por OpenDesign
O design de pôster editorial de fluxo de trabalho com IA apresenta seis propostas em capítulos numerados, com exemplos concretos de prompts, fundo creme e acentos tipográficos em ferrugem.
Template oficial
Peças gráficas
Design de Carrossel Social sobre Fluxo de Trabalho com IA
Editorial social de sete cards sobre como aprimorar fluxos de trabalho de edição com IA via OpenDesign
Sete cards verticais usam títulos chineses superdimensionados, hábitos numerados, campos de cor variáveis e uma declaração final para explicar fluxos de trabalho de edição com IA.
Template oficial
Painéis
Design de wireframe de painel analítico
Wireframe greybox de dashboard de analytics da Acme por OpenDesign
Um dashboard greybox do OpenDesign mapeia um workspace de analytics por meio de uma barra lateral, quatro placeholders de KPI, um gráfico esquemático, cinco linhas de tabela e anotações de layout em azul.
Template oficial
Motion design
Vídeo de Motion de Logo com História da Arte
Vídeo de Motion de Logo com História da Arte por OpenDesign
Um filme OpenDesign de 15 segundos em 16:9 mantém reconhecível um logo de cursor circular em looks rápidos inspirados na história da arte e termina com um logo estático em branco sobre preto.
Projeto oficial
Peças gráficas
Design de Shader Aurora Field
Composição Aurora Field em WebGL2 com animação automática por OpenDesign
Um campo de ruído azul-esverdeado animado automaticamente dá atmosfera a um hero em WebGL, enquanto um título fixo e um pequeno indicador local de taxa de quadros ancoram a cena.
Template oficial
Peças gráficas
Design de Shader Aurora Veil
Aurora Veil interativo original — composição de shader do OpenDesign por OpenDesign
Aurora Veil é uma composição interativa de shader que transforma luz em camadas, estrelas e movimento do cursor em um hero atmosférico em WebGL.
Template oficial
Peças gráficas
Design de Especificação de Produto de Autenticação
Documento de especificação de produto de autenticação de dois fatores da Northwind por OpenDesign
Uma proposta Northwind de autenticação de dois fatores conecta responsáveis, escopo, histórias de usuário, quatro metas de exemplo, fases de lançamento e decisões não resolvidas.
Template oficial
Slides
Design de Apresentação de História de Marca
Apresentação de história de marca OpenDesign para parceiros e imprensa por OpenDesign
O Design de Apresentação de História de Marca oferece a parceiros, imprensa e públicos da comunidade uma narrativa orientada por evidências, da crença aos canais, calendário e verificação.
Template oficial
Sites
Design de site de revista brutalista
Site de revista editorial brutalista da Field Unit 04 via OpenDesign
O design de site de revista brutalista transforma uma edição com formato de publicação impressa em um sistema legível de leitura na web, combinando tipografia marcante com uma estrutura editorial precisa.
Template oficial
Peças gráficas
Design do Shader Caustic Pool
Composição interativa original Caustic Pool — shader do OpenDesign por OpenDesign
Um campo de luz teal em WebGL combina filamentos cáusticos brilhantes com tipografia fixa e uma ondulação acionada pelo ponteiro que curva brevemente o padrão.
Template oficial
Peças gráficas
Design de Relato de Caso Clínico
Relato fictício de caso de medicina de emergência com sinais vitais, investigações e manejo por OpenDesign
O Design de Relato de Caso Clínico organiza uma apresentação fictícia de emergência em um percurso legível, dos sintomas e observações às investigações, avaliação e manejo.
Template oficial
Aplicativos
Design de aplicativo de caixa de entrada para revisão de código
Caixa de entrada de solicitações de revisão e menções do GitHub por OpenDesign
O design de aplicativo de caixa de entrada para revisão de código reúne solicitações de revisão, falhas de CI, issues atribuídas e atividade em um único espaço de trabalho de leitura rápida para a triagem diária.
Template oficial
Motion design
Vídeo Motion para Marco da Comunidade
Design de vídeo motion para marco da comunidade por OpenDesign
Um vídeo motion de 30 segundos no OpenDesign vai da revelação de 100 mil estrelas a um mosaico de contribuidores, uma montagem do produto e um convite final para escrever um prompt.
Projeto oficial
Painéis
Design de Dashboard de Desempenho de Conteúdo
Análise de conteúdo social entre plataformas com mapas de calor de engajamento e gráficos de receita por OpenDesign
Um dashboard de conteúdo escuro conecta visões de plataformas à inspeção de gráficos, ao planejamento de rascunhos e a uma visão mais aprofundada dos sinais de audiência e conversão.
Template oficial
Peças gráficas
Design de resumo diário de e-mails
E-mail de resumo diário do Gmail agrupado por prioridade por OpenDesign
O design de resumo diário de e-mails transforma um briefing do Gmail com seis mensagens em um fluxo de leitura ordenado por prioridade para decidir o que tratar primeiro.
Template oficial
Aplicativos
Design de App de Missões Diárias
App mobile gamificado de missões diárias Level, mostrado em três telas distintas por OpenDesign
O design do app de missões diárias transforma metas do dia a dia em uma jornada mobile de três telas, com XP de exemplo, cartões de categoria e detalhe de tarefas.
Template oficial
Sites
Design de Site de Documentação para Desenvolvedores
Documentação para desenvolvedores do Filebase e quickstart da CLI por OpenDesign
Um quickstart da CLI do Filebase une a navegação da documentação a uma sequência clara de leitura: instalação, autenticação e sincronização de pasta.
Template oficial
Sites
Design de Site de Produto Editorial
Landing page de produto editorial com estética de papel em tons quentes do OpenDesign via OpenDesign
O Design de Site de Produto Editorial usa papel em tons quentes, tipografia superdimensionada e leitura baseada em capítulos para apresentar um estúdio que prioriza o funcionamento local como uma publicação elaborada.
Template oficial
Peças gráficas
Design de Guia de Integração de Funcionários
Plano de integração de novos contratados da Northwind, com marcos do primeiro dia e de 30/60/90 dias por OpenDesign
Este Design de Guia de Integração de Funcionários transforma o primeiro dia, a primeira semana e os marcos de 30/60/90 dias de uma nova contratação em um percurso prático com pontos de verificação visíveis.
Template oficial
Sites
Design de Site de Blog de Engenharia
Artigo de engenharia da Filebase sobre a reescrita de um mecanismo de sincronização em Rust por OpenDesign
Um artigo de engenharia combina uma coluna de leitura estreita e uma introdução em itálico com um painel de gradiente quente, uma faixa de métricas de exemplo e trade-offs técnicos explícitos.
Template oficial
Sites
Design de site SaaS de sincronização de arquivos
Landing page SaaS da Filebase para sincronização de arquivos com eficiência de largura de banda por OpenDesign
Uma landing page de sincronização de arquivos combina um título focado em largura de banda com três colunas numeradas de benefícios, nomes de empresas ilustrativos e planos Solo, Team e Enterprise contrastantes.
Template oficial
Peças gráficas
Design de currículo para engenheiro frontend
Currículo chinês de engenheiro frontend sênior em duas colunas via OpenDesign
Este design de currículo chinês em duas colunas combina uma trajetória profissional detalhada com seções compactas de habilidades, formação e idiomas.
Template oficial
Slides
Design de Apresentação de Memorando de Captação de Recursos
Memorando de captação Quartz Series A com tipografia editorial discreta via OpenDesign
O memorando de captação de dez slides da Quartz combina tipografia serifada discreta com princípios de produto, tração de exemplo e um pedido de investimento para um pequeno grupo de investidores.
Template oficial
Motion design
Design de Vídeo Motion Futurista
Design de Vídeo Motion Futurista por OpenDesign
Um reel renderizado em azul elétrico com túnel de palavras, contagem regressiva SET e final cromado FUTURE, refeito em código sobre uma grade de cortes a 120 BPM. Veja o ritmo e como adaptá-lo.
Template oficial
Peças gráficas
Design de Relatório de Métricas de Crescimento
Relatório mensal de crescimento em chinês com KPIs, tendências, tabela de dados brutos e insights via OpenDesign
Um layout de relatório em chinês reúne quatro cartões de KPI, gráficos de tendência pareados, nove linhas mensais de exemplo e três cartões de insights em um único documento vertical.
Template oficial
Slides
Design para reunião de métricas de crescimento
Apresentação de reunião de métricas de Operações e Growth para diagnosticar a perda de conversão no Safari por OpenDesign
O design de apresentação para reunião de métricas de crescimento transforma um problema de conversão no Safari em uma narrativa objetiva, que termina com uma decisão e um responsável.
Template oficial
Peças gráficas
Design de shader em meio-tom
Composição de campo em meio-tom WebGL2 responsiva ao cursor por OpenDesign
Uma retícula de pontos rotacionada transforma um campo fluido em laranja e creme em uma textura inspirada na impressão, com influência suavizada do ponteiro e tipografia fixa no canto inferior esquerdo.
Template oficial
Peças gráficas
Design de shader de folha metálica holográfica
Composição de shader original e interativa Holographic Foil — OpenDesign por OpenDesign
Uma superfície procedural de folha metálica multicolorida muda com o tempo e com a posição do ponteiro sob um título fixo de duas linhas, pequenos rótulos de prévia e uma dica de inclinação.
Template oficial
Slides
Design de apresentação de telemetria de incidentes
Conjunto de slides sobre a telemetria do incidente Operation Halcyon e a decisão de reformulação do resolvedor via OpenDesign
Incident Telemetry — Operation Halcyon transforma uma interrupção ilustrativa de runtime em um briefing estruturado para investigar causas, riscos e decisões.
Template oficial
Sites
Design de site de portfólio interativo
Página inicial de portfólio interativo da OpenDesign em tela cheia e com tipografia monoespaçada por OpenDesign
O design de site de portfólio interativo da OpenDesign combina uma interface monoespaçada, identidade espacial em 3D e uma grade de projetos para comunicar uma abordagem que prioriza a execução local.
Template oficial
Peças gráficas
Design de Shader de Líquido Iridescente
Composição de shader original e interativa Liquid Iridescence — OpenDesign por OpenDesign
Um aspecto vívido de óleo sobre água flui sob a tipografia fixa, enquanto a entrada suavizada do ponteiro curva um campo de cor procedural sem texturas.
Template oficial
Aplicativos
Design de app de resumo de issues
Resumo de issues do Linear com progresso do ciclo e trabalho atribuído por OpenDesign
O design de app de resumo de issues transforma um resumo diário no estilo Linear em um espaço de trabalho desktop focado em status do ciclo, itens de atenção e histórico de issues.
Template oficial
Peças gráficas
Design de Tipografia Cinética com Globo
Composição de tipografia cinética com globo orbital de Charlotte & Vine por OpenDesign
Um globo em wireframe giratório, linhas de órbita aninhadas e tipografia serifada com acento laranja-ferrugem formam um estudo editorial de movimento, de tom caloroso, sobre alcance internacional.
Template oficial
Peças gráficas
Design de resumo do workspace de conhecimento
Documento de resumo matinal do Notion com alterações, menções e atualizações de bancos de dados por OpenDesign
Um resumo matinal datado, no estilo do Notion, separa edições de documentos, menções diretas e linhas de status de projetos em uma sequência compacta para revisão diária.
Template oficial
Peças gráficas
Design de shader de metal líquido
Composição de shader Liquid Metal animada automaticamente por OpenDesign
Um campo com aparência de cromo em transformação automática combina ruído distorcido, cor iridescente e realces em varredura sob uma tipografia fixa no canto inferior esquerdo.
Template oficial
Sites
Design de Site para Imóveis de Luxo
Site de marketing imobiliário de luxo da Velar por OpenDesign
A Velar é um design de site para imóveis de luxo que combina imagens cinematográficas de arquitetura, tipografia contida e uma jornada editorial deliberada.
Template oficial
Sites
Design de Wireframe para Site de Marketing
Wireframe de landing page de marketing da Acme com barra lateral de anotações por OpenDesign
Um wireframe de marketing da Acme une cinco regiões numeradas da página a uma barra lateral de especificações e mostra onde as notas de design coincidem com o layout implementado, ou divergem dele.
Template oficial
Aplicativos
Design de Wireframe de App de Checkout para Marketplace
Fluxo de compra em marketplace em quatro wireframes mobile distintos por OpenDesign
Um wireframe mobile de quatro telas organiza onboarding, navegação, detalhe do produto e confirmação em um caminho de compra objetivo.
Template oficial
Slides
Design de Apresentação de Pesquisa sobre Microbioma
Apresentação para reunião de laboratório sobre micróbios intestinais e sono profundo via OpenDesign
O exemplo de pesquisa do Raman Lab, com nove slides, usa divisórias azul-marinho, slides de evidências em creme e uma ressalva causal para dar ritmo a um argumento ilustrativo sobre intestino e sono.
Template oficial
Aplicativos
Design de App de Onboarding para Mindfulness
Fluxo de onboarding de mindfulness do Lull com três telas de celular por OpenDesign
O design de app de onboarding para mindfulness usa três telas móveis tranquilas para apresentar a prática do Lull, adaptar sua promessa e mostrar as opções de conta.
Template oficial
Painéis
Design de dashboard de resumo matinal
Resumo matinal pessoal de trabalho com notificações agrupadas por fonte e prioridades de tarefas por OpenDesign
O design de dashboard de resumo matinal transforma um dia de trabalho intenso em um resumo de desktop calmo e agrupado por fonte, combinando tarefas prioritárias com contexto de projetos, mensagens e documentos.
Template oficial
Motion design
Design de Showreel para Motion Designer
Design de Showreel para Motion Designer por OpenDesign
Um showreel de 15 segundos a 128 BPM refeito em código, com cortes de cor secos, um HUD ao vivo e sete capítulos cronometrados por compasso. Veja como funcionam o tempo, a tipografia e a paleta.
Template oficial
Peças gráficas
Design de Cartões Sociais Motivacionais
Três cartões sociais coordenados sobre seguir em frente e olhar adiante por OpenDesign
Três cartões quadrados estáticos combinam frases motivacionais curtas com cenas em degradê, silhuetas abstratas, rótulos numerados e um tratamento serifado compartilhado.
Template oficial
Peças gráficas
Design de shader de grade neon
Composição de shader de horizonte synthwave com animação automática por OpenDesign
Um sol retrô em faixas ancora um horizonte roxo enquanto uma grade neon no chão rola abaixo dele, com um título fixo e poucos detalhes procedurais no céu.
Template oficial
Slides
Design de apresentação de modelo operacional
Deck de decisão para a reformulação do modelo operacional da Meridian Freight via OpenDesign
A Meridian Freight transforma um diagnóstico do modelo operacional em um deck de decisão objetivo, ligando pressão de custos, escolhas estratégicas, valor e um roadmap de 18 meses.
Template oficial
Slides
Design de apresentação de revisão operacional
Revisão operacional do OpenDesign com decisão sobre redução de burn e BYOK por OpenDesign
O design de apresentação de revisão operacional transforma uma decisão de sustentabilidade em uma narrativa de conselho em seis slides, combinando uma recomendação firme com opções e trade-offs explícitos.
Template oficial
Motion design
Design de Animação em Recorte de Papel
Design de Animação em Recorte de Papel por OpenDesign
Um filme em recorte de papel de 20 segundos transforma uma pergunta manuscrita em cinco demonstrações de design e as reúne em um livro de possibilidades.
Template oficial
Peças gráficas
Design de Visualizador de Campo de Partículas
Visualizador de campo de partículas em Canvas 2D com Web Worker local e rótulos de execução por OpenDesign
Um denso campo de pontos verdes une um título sobre o processamento fora da thread principal a rótulos de contagem de partículas, transporte e renderização local sobre um fundo quase preto.
Template oficial
Peças gráficas
Design de Shader de Galáxia de Partículas
Composição de galáxia WebGL2 com 50000 pontos, animada automaticamente por OpenDesign
Três braços espirais tênues evoluem em um canvas WebGL2 escuro, sob tipografia fixa, com contagens de pontos e de draw calls definidas no código-fonte e um indicador de FPS local.
Template oficial
Peças gráficas
Design de Pôster Animado com Sprite Pixelado
Pôster editorial animado sobre o ano de 1889 com sprite pixelado, inspirado na Nintendo por OpenDesign
Um pôster editorial animado em tom creme une uma carta de flor em pixel art, tipografia gigante de 1889, letreiros japoneses animados e uma linha do tempo com rolagem.
Template oficial
Sites
Design de Site de Produto Pomodoro
Landing page desktop de produto Pomodoro do Tomato por OpenDesign
Uma landing page focada do Tomato apresenta ciclos de trabalho de 25 minutos com tipografia contida, seções orientadas a benefícios e uma chamada direta do uso individual ao de equipe.
Template oficial
Peças gráficas
Design de E-mail de Lançamento de Produto
Design de e-mail de lançamento de produto por OpenDesign
Um e-mail de lançamento de tênis une uma ilustração laranja do produto, tipografia superdimensionada, uma única ação de compra e quatro especificações em uma tela estreita cor creme.
Template oficial
Motion design
Design de vídeo em movimento para lançamento de produto
Design de vídeo em movimento para lançamento de produto por OpenDesign
Um filme de lançamento de 37 segundos da OpenDesign parte de uma abertura pictórica, passa por amostras densas de design e tipografia cinética e chega a um encerramento discreto com o logotipo.
Projeto oficial
Motion design
Motion Design Promocional de Produto
Motion Design de Vídeo Promocional de Produto por OpenDesign
Um vídeo promocional de 15 segundos vai de um mascote em halftone e cartões de produto a um checkout encenado e resolve sua mensagem no wordmark Pennyflow.
Template oficial
Sites
Design de Site para Lista de Espera de Produto
Página de lista de espera "em breve" da Meridian, com arte geométrica de espiral e grade e um ticker animado por OpenDesign
A Meridian combina uma mensagem de lançamento em escala grande, um formulário de cadastro compacto e um ticker "Coming Soon" em loop para dar à página de lista de espera uma identidade própria de lançamento.
Template oficial
Peças gráficas
Design de Relatório Financeiro Trimestral
Relatório financeiro do 3º trimestre da Northwind com evidências de receita, custos e DRE por OpenDesign
O Design de Relatório Financeiro Trimestral transforma dados financeiros ilustrativos em uma narrativa de página única que conecta KPIs principais, comparativos, contas e perspectivas.
Template oficial
Painéis
Design de Dashboard de OKRs Trimestrais
Dashboard de OKRs trimestrais da Northwind com responsáveis pelos resultados-chave e bloqueios por OpenDesign
Este dashboard de OKRs trimestrais agrupa objetivos, responsáveis, progresso dos resultados-chave e um bloqueio de alocação de equipe, para que os times leiam o status de entrega junto de uma decisão.
Template oficial
Peças gráficas
Design de Cartão de Citação para Compartilhamento
Cartão tipográfico de citação com identidade de autor para redes sociais via OpenDesign
Uma citação em chinês com nomes de tecnologia em alfabeto latino, destaque dourado e crédito visível do autor ocupa uma tela editorial escura com grade.
Template oficial
Peças gráficas
Design de Shader com Escultura por Raymarching
Escultura de campo de distância com sinal em WebGL2, animada automaticamente por OpenDesign
Cinco formas de campo de distância, mescladas com suavidade, orbitam sobre um fundo azul-marinho, com sombras suaves, contornos brilhantes, órbita lenta e automática da câmera e tipografia fixa.
Template oficial
Painéis
Design de Dashboard de Análise de Relacionamentos
Dashboard de análise de relacionamentos com mutuals e tendências de taxa de match por OpenDesign
O design do Dashboard de Análise de Relacionamentos transforma sinais de exemplo de mutuals, comunidades e taxa de match em um espaço de trabalho desktop fácil de percorrer, para comparar o status atual com as tendências recentes.
Template oficial
Painéis
Design de Dashboard de Métricas de Repositório
Dashboard de métricas de repositório do OpenDesign com estrelas, atividade e contribuidores por OpenDesign
O Design de Dashboard de Métricas de Repositório transforma sinais de exemplo de um repositório em um espaço de trabalho desktop fácil de escanear, para comparar crescimento, participação e trabalho recente.
Template oficial
Sites
Design de Site de Preços SaaS
Página de comparação de preços e decisão de compra do SaaS Filebase por OpenDesign
O design de site de preços SaaS transforma a escolha de plano em um caminho de compra legível, combinando opções de cobrança, detalhes dos planos, linhas de comparação e perguntas objetivas.
Template oficial
Painéis
Design de Dashboard de Receita SaaS
Visão geral de análise de receita SaaS do Pulse por OpenDesign
Este design de dashboard de receita SaaS reúne métricas de assinatura, um gráfico de receita de 30 dias, status de contas e eventos recentes em uma única visão geral.
Template oficial
Sites
Design de Site de Runbook de Serviço
Runbook operacional do serviço de identidade da Northwind por OpenDesign
O design do runbook do auth-service reúne responsabilidade pelo serviço, resposta a alertas, procedimentos de deploy e passagens de incidente em uma única referência operacional fácil de percorrer.
Template oficial
Painéis
Design de Dashboard de Audiência Social
Dashboard de análise social do X no OpenDesign com crescimento de seguidores e geografia da audiência por OpenDesign
O Design de Dashboard de Audiência Social reúne crescimento no X, geografia da audiência, sinais de publicação e feedback da comunidade em um espaço de trabalho desktop fácil de escanear.
Template oficial
Peças gráficas
Design de Pôster de Lançamento de Software
Pôster bilíngue de lançamento de produto do HTML Anything via OpenDesign
Um pôster alto de lançamento de software combina lettering branco e dourado em escala grande com quatro afirmações de recursos, um gradiente de tons quentes a roxo e elementos técnicos no rodapé.
Template oficial
Aplicativos
Design de App de Quadro de Sprint
Quadro de sprint do Northwind Growth Squad com barra lateral de carga de trabalho e Sprint Pulse por OpenDesign
O Design de App de Quadro de Sprint da Northwind reúne status da sprint, responsáveis pelos tickets, estimativas e bloqueios em um único espaço de trabalho desktop fácil de consultar de relance.
Template oficial
Painéis
Wireframe de Dashboard de Provas para Estudantes
Dashboard de provas para estudantes da Zentou AI em tratamento de wireframe desenhado à mão por OpenDesign
O wireframe de dashboard de provas para estudantes organiza notas de exemplo, progresso, disciplinas e próximos passos em uma visão de estudos desktop esboçada.
Template oficial
Peças gráficas
Design de Fatura de Estúdio
Fatura de cliente do Sable Studio com itens, totais e instruções de pagamento por OpenDesign
O Design de Fatura de Estúdio organiza escopo do projeto, honorários detalhados, condições de pagamento, ajustes e observações de pagamento em um único documento longo para o cliente.
Template oficial
Peças gráficas
Design de Atas de Reunião de Equipe
Documento da reunião semanal do Growth Squad com decisões e itens de ação por OpenDesign
O Design de Atas de Reunião de Equipe transforma a pauta semanal do Growth Squad em um registro legível de horários, decisões, responsáveis, perguntas em aberto e da próxima reunião.
Template oficial
Painéis
Design de Dashboard de Operações de Equipe
Dashboard de equipe do FlowAI com tabela de membros, gráficos de funções e abas de atividade por OpenDesign
O design do dashboard de equipe do FlowAI organiza status de membros, distribuição de funções, tendências de atividade e sinais de risco em um espaço de trabalho desktop focado.
Template oficial
Painéis
Design de Dashboard de Workspace de Equipe
Dashboard de workspace de equipe da Acme, no estilo Notion, com tarefas e resumos de projetos por OpenDesign
O Design de Dashboard de Workspace de Equipe reúne status de tarefas, atividade, volume semanal e sinais de revisão em uma visão de workspace para desktop fácil de escanear.
Template oficial
Sites
Design de Site para Redação Técnica
Site de marketing do espaço de trabalho de redação técnica Quartz via OpenDesign
O Quartz é um design de site para redação técnica que transforma o conceito de um espaço de trabalho editorial em um caminho focado do rascunho à publicação.
Template oficial
Painéis
Design de Dashboard de Simulador de Trading
Dashboard de simulador de risco e execução de trading com gráficos explicativos por OpenDesign
O design de dashboard de simulador de trading reúne sinais, contexto da cadeia de opções, estados de execução e gráficos de risco em um único espaço de simulação para revisão.
Template oficial
Motion design
Design de Animação Morph de UI
Design de Animação Morph de UI por OpenDesign
Um filme de 14 segundos feito só em código, em que uma forma se transforma em player, abas e paleta de comandos, com cada mudança causada por um cursor a 120 BPM.
Template oficial
Motion design
Design de Vídeo em Movimento de Redefinição de Uso
Design de Vídeo em Movimento de Redefinição de Uso por OpenDesign
Um vídeo em movimento quadrado de seis segundos do OpenDesign une um anel radial de marcas a duas barras de progresso rotuladas e termina em um estado concluído em verde.
Projeto oficial
Peças gráficas
Design de Shader Voronoi
Composição de células Voronoi em WebGL2 que responde ao cursor por OpenDesign
Células coloridas irregulares deslizam por um canvas WebGL2, com bordas claras e luminosas, distorção suavizada pelo ponteiro e tipografia fixa em tamanho exagerado.
Template oficialNenhum projeto corresponde a estes filtros
Limpe os filtros para ver todos os projetos ou explore outro tipo de trabalho.
Usamos paginação em vez de rolagem infinita para que todos os projetos possam ser acessados pelo teclado e por mecanismos de busca.
Comunidade
Relembre o hackathon, compare os modelos
Um hackathon da comunidade que acabou de terminar e uma série de avaliações em que dez modelos responderam aos mesmos briefs.
Hackathon de Design de Produto
Encerrado · 18 set. 2026- Datas
- 9–18 set.
- Premiação
- 10 primeiros + 50 primeiros
- Exemplos
- 5
Designers publicaram no X produtos feitos com OpenDesign, com uma publicação e um link da comunidade por inscrição. As inscrições foram classificadas por curtidas.
- Kimi Careers
- Life System
- Agent-Native Workspace
- Tom Goodman
- Maya Rowan
LLM Arena set. 2026
Notas da série- Modelos
- 10
- Briefs compartilhados
- 6
- Exemplos de design
- 14
Seis briefs, cada um respondido por dois modelos. Cada página informa o modelo e a tarefa, para que as respostas possam ser comparadas lado a lado.
- Claude Opus 5
- GPT 5.6 Sol
- DeepSeek V4.1 Flash
- Qwen 3.8 Max
- Grok 4.6
- GPT Astra
- GPT 6 Astra
- Claude Fable 5.1
- GPT 6 Sol
- Claude Opus 5.5
Como criar exemplos de design com IA no OpenDesign
Comece por um exemplo de design próximo da sua ideia
Filtre os exemplos de design acima pelo tipo de resultado e abra um que se aproxime do que você quer criar. Leia o brief, veja qual modelo foi usado e quais decisões de layout são explicadas; anote o que manteria e o que mudaria.
Escreva o brief antes de pedir uma proposta visual
Informe o tipo de resultado, as telas ou seções, o conteúdo de exemplo e a interação mais importante. Diga quais informações são reais e quais são apenas placeholders, para que o design não invente fatos.
Prompt sugeridoCrie o design de um site para uma padaria fictícia de bairro. Inclua uma seção principal com os produtos assados de hoje, um menu dividido entre manhã e tarde, horários de funcionamento e um formulário de encomenda antecipada com campos placeholder claramente identificados. Mantenha a navegação literal, use texto real em todos os títulos e inclua um layout legível para dispositivos móveis.
Escolha um modelo ou compare dois
Escolha o modelo em que confia para layout e texto. Para ver como dois modelos lidam com o mesmo brief, execute-o no LLM Arena primeiro, como fizeram os exemplos de design da Arena nesta página.
Refine uma seção antes da página inteira
Peça alterações em uma seção por vez: hierarquia, espaçamento, estados e texto. Confira o layout para dispositivos móveis e o estado de movimento reduzido antes de aplicar um efeito à página inteira.
Exporte e obtenha um link para compartilhar
Exporte o design finalizado como HTML e use Compartilhar no OpenDesign para obter um link. Abra-o em outra janela do navegador e confira se a versão desejada e os recursos carregam antes de enviar.
Comece agora
Crie o próximo exemplo você mesmo
Gratuito, de código aberto e executado na sua máquina com suas próprias chaves. Traga um briefing, escolha um modelo e publique um site, app, painel ou apresentação para compartilhar.
Versões para desktop em macOS e Windows. Gratuito e de código aberto sob a licença Apache-2.0.
