Coleções
Agrupe vários projetos e peças do Studio em uma página, ou em um pequeno site, com um link curto e um código QR.
O que é uma coleção?
Uma coleção é uma página, ou um pequeno site, que reúne vários projetos e peças do Studio do seu workspace em um só link, no layout que você escolher. Em vez de compartilhar cinco links diferentes, você compartilha um.
Além dos projetos, uma coleção pode ter páginas próprias, um navbar, um banner, uma imagem de cabeçalho e o seu próprio domínio. As coleções convivem com seus projetos dentro do workspace, com visibilidade própria, contador de visualizações e link curto. São ideais para:
- Uma revista de moda compartilhando todas as edições mensais em um só lugar
- Um fotógrafo apresentando galerias de clientes juntas
- Um corretor de imóveis agrupando catálogos de propriedades
- Um organizador de eventos reunindo todas as apresentações
- Qualquer criador que queira mostrar seu portfólio completo de projetos
Criando uma coleção
Qualquer membro do workspace pode criar uma coleção. Para começar:
- Abra Coleções e sites na barra lateral do workspace
- Clique em "Nova coleção" no canto superior direito
- Dê um título (e uma descrição opcional), ambos são exibidos publicamente
- Clique em Criar e você será levado ao editor para configurar o resto
Adicionar, reordenar e remover projetos
Todas as alterações nos projetos dentro de uma coleção são locais até você clicar em Salvar. O botão Salvar se destaca e aparece um badge "Não salvo" sempre que há alterações pendentes.
Adicionar projetos
Clique em "Adicionar projetos" na aba Conteúdo. O seletor mostra todos os projetos do workspace como cards, com busca e filtros por tipo e visibilidade; passe para a aba Studio para adicionar peças do Studio do mesmo jeito. Uma peça aparece na página como card do projeto que ela filma, marcada Studio, e abre sua própria página. Os que já estão na collection continuam visíveis, marcados como adicionados.
Reordenar
Arraste a alça à esquerda de cada linha, ou clique no número de uma linha e digite uma nova posição. O menu Mais ações de cada linha também a leva para o topo ou para o fim. Durante uma busca não dá para arrastar. A ordem no editor corresponde à ordem que os visitantes veem na página pública.
Remover
Abra Mais ações em uma linha e escolha Remover. O projeto em si fica intocado no workspace, apenas o link é removido.
Conteúdo do card
O lápis de cada linha abre o que o card diz nesta página: uma descrição só para esta collection (vazia usa a do projeto), uma categoria e links externos com ícone, rótulo e URL, como um item do dock: um vídeo do YouTube, uma loja, um PDF. Cada card também pode mostrar o projeto embutido ao vivo em vez do preview; os layouts Magazine e Editorial fazem isso por padrão no card em destaque.
Use Cmd/Ctrl + S para salvar rapidamente. Clique em Desfazer para reverter todas as alterações não salvas para o último estado salvo.
Personalizar a página da coleção
Escolha um layout em Estilo > Layout e um tema em Estilo > Tema para definir todo o visual de uma vez e depois ajuste as cores, o hero e os cards nas outras subabas de Estilo para que a página pública siga sua marca. Na prévia, clique em qualquer elemento (o título, um card, o navbar, o rodapé) e o painel pula para as configurações dele.
Layouts e themes
Duas escolhas independentes. Estilo > Layout define como a página se organiza (doze layouts: grades de cards, matéria em destaque, cabeçalho de revista, bento, barra lateral de categorias, linha do tempo, faixas horizontais e outros). Estilo > Tema define cores, fontes e quadro do card (dezenove paletas). Combine qualquer layout com qualquer tema; as miniaturas dos layouts são desenhadas no seu tema atual. As paletas que você montou à mão nas suas outras coleções aparecem primeiro no seletor de temas. Projetos, subtítulo, categorias e rodapé são sempre mantidos.
- Midnight, Marfim, Creme, Grafite, Neon, Papel, Terracota, Pastel
- Noir, Floresta, Pôr do sol, Oceano, Concreto, Rosa
- Lima, Verde-azulado, Índigo, Papel jornal, Âmbar
Categorias e navbar
Agrupe projetos em categorias em Conteúdo > Categorias: elas viram filtros, itens do navbar e, se você ativar, uma seção por categoria. Conteúdo > Navbar decide o que os visitantes veem no topo: o logo e o nome do seu workspace, um logo próprio ou nada, além de links próprios e suas redes.
- Categorias: nome e cor; atribua uma a cada projeto pelo painel de conteúdo do card
- Filtros, uma etiqueta em cada card e agrupamento opcional por categoria
- Marca do navbar: identidade do workspace, um logo que você envia, ou nada
- Favicon: envie uma imagem mais ou menos quadrada e a página ganha seu próprio ícone de aba, recortado e redimensionado
- Links do navbar: categorias em linha ou menu suspenso, links externos próprios, redes
- Opções do navbar: mantê-lo fixo na tela enquanto o visitante rola, e mostrar ou ocultar o nome da marca
- "Made with i3dify" no rodapé: sempre visível no plano grátis, opcional nos planos pagos
- Banner: uma faixa acima da barra de navegação com uma mensagem, um ícone e um link; pode ficar fixa enquanto a página rola, e os visitantes podem fechá-la
Hero da página
Em Estilo > Hero, envie uma imagem de fundo para o cabeçalho. Ela é redimensionada e comprimida como qualquer outro envio e apagada junto com a collection.
- Cobertura: uma faixa no topo que se funde com a cor da página, ou a página inteira
- Foco: qual parte da imagem sobrevive ao corte (topo, centro, base)
- Desfoque, um tom da cor da página para o título continuar legível e uma chave de preto e branco
- Cores próprias para o tom, o título, o subtítulo e o destaque, para o título ser legível sobre a foto seja qual for a paleta da página
- Uma caixa atrás do título (cor, opacidade, espaçamento interno e arredondamento), um contorno e uma sombra, para o título ser legível sobre qualquer foto
- Substituir ou remover a imagem apaga o arquivo anterior do seu armazenamento
Blocos e páginas
A página principal é uma lista de blocos em Conteúdo > Início, com o bloco Projetos onde ficam seus projetos. Conteúdo > Páginas adiciona páginas próprias sob a collection, cada uma com blocos e um breadcrumb de volta à principal.
- Blocos: título, texto, citação, sobre, destaques, destaque (uma história grande com uma lista curta ao lado), player do Studio (suas peças do Studio, uma tocando em destaque), imagem, vídeo do YouTube ou Vimeo, botão, divisor, espaço e projetos
- Feed do YouTube: cole um canal, um @handle ou uma playlist e a página mostra seus últimos vídeos na grade da página ou em uma faixa, e os vídeos novos aparecem sozinhos em cerca de 20 minutos
- Texto formatado: negrito, itálico, links e listas nos blocos de texto e sobre; e todo bloco com texto escolhe seu tamanho e peso
- Sobre: uma foto ao lado de um título e um texto, uma fileira de números grandes e um botão. Destaques: alguns projetos em grande, um por linha ou em lista
- Arraste para reordenar; clique num bloco da prévia para abrir suas configurações
- Cada bloco pode ter cores próprias, e imagens e vídeos escolhem a largura: uma coluna, a largura do texto, a página ou de borda a borda
- As páginas ficam em /c/<id>/<endereço>, aparecem na navbar e um bloco botão pode apontar para uma
- As imagens dos blocos passam pela mesma compressão dos outros envios e são apagadas com a collection
- Rodapé, em Conteúdo > Rodapé: o texto do rodapé e seus links sociais
Estilo
- Cores de fundo, texto e destaque: o destaque tinge links, subtítulo e o brilho do hero
- Modelo de card: empilhado, texto sobre a imagem, imagem com margem, lado a lado, só legenda, aparece ao passar, texto primeiro ou polaroid; mais fundo, quadro (plano, elevado, contorno ou vidro) e raio dos cantos
- Fontes de título e corpo: as do i3dify ou um conjunto curado de Google Fonts
- Subtítulo acima do título, e chaves para tipo de projeto e descrições
- Como as cards abrem: nesta janela, em uma nova aba ou em um modal sobre a página, com ajuste por card
Layout
- Clássico: título no topo, projetos em grade ou lista, de 1 a 4 colunas
- Hero: uma faixa grande de título, depois a grade
- Split: título fixo à esquerda, projetos rolam à direita
- Editorial: primeiro projeto em destaque, o resto em grade
- Showcase: um projeto por linha, alternando os lados, com números grandes
- Mosaico: peças de tamanhos variados onde a primeira lidera
- Minimal: uma lista estreita com divisores finos
- Bento: cards de tamanhos variados, o primeiro ocupa 2×2
- Sidebar: categorias à esquerda, linhas à direita
- Timeline: um feed vertical com uma data ao lado de cada projeto
- Magazine: título enorme, matéria em destaque ao lado de uma pilha de linhas curtas
- Faixas: linhas com rolagem horizontal, uma por categoria
- Espaçamento: compacto, confortável ou amplo
- Paginação: números de página com anterior/próxima e seletor por página (o padrão), um botão Carregar mais, ou rolagem infinita, com o tamanho de página que você escolher
- Busca: uma caixa sob o cabeçalho e, se quiser, outra na navbar; o visitante filtra os projetos por título, descrição, tipo ou categoria enquanto digita
Compartilhar sua coleção
Cada coleção tem sua própria URL curta como /c/abc12345 e suporta os três modos de visibilidade que você já conhece dos projetos. O link e o código QR passam a funcionar quando a coleção é salva como Não listada ou Pública:
Privada
Apenas membros do workspace a veem, no editor. O link dela retorna uma página "Não encontrado" para todos, membros incluídos.
Não listada
Qualquer pessoa com o link pode visualizá-la, mas os mecanismos de busca não a indexam. Ideal para compartilhar apenas com clientes.
Pública
Qualquer pessoa com o link pode visualizá-la, e os mecanismos de busca podem indexá-la.
Maneiras de compartilhar
Abra a aba Compartilhar para encontrar:
- URL: copie o link curto e cole em qualquer lugar
- Código QR: baixe um PNG (4 tamanhos disponíveis) para impressão e eventos offline
- Incorporar: a aba Compartilhar também traz um código iframe, mas por enquanto os navegadores só mostram uma coleção dentro de páginas servidas pelo i3dify, não em outros sites. Para mostrar seu trabalho em outro site, incorpore os projetos um a um ou coloque um link para a coleção
- Domínio próprio (planos Pro, Business e Enterprise): em Compartilhar > Domínio personalizado, aponte um domínio ou subdomínio seu, como seuestudio.com ou portfolio.seuestudio.com, para a collection. A página abre na raiz desse domínio e suas páginas custom em /<endereço>
Edite com palavras
A aba IA do editor de coleções muda a coleção aberta a partir de um pedido em palavras simples, como "use um tema escuro e agrupe os projetos por cliente". Assistentes conectados por MCP, e scripts que usam a API REST, também podem criar e editar coleções.
Agentes e APIE os projetos privados dentro de uma coleção?
Você pode adicionar qualquer projeto a uma coleção, independentemente de sua visibilidade. Como dono, você sempre os verá no editor, marcados com um ícone de olho cortado que diz "Projeto privado, não será exibido publicamente".
Na página pública, os projetos privados são filtrados automaticamente. Se você tornar público um projeto privado depois, ele reaparece na coleção em poucos minutos, sem precisar fazer mais nada.
Colaboração
As coleções são recursos no nível do workspace, projetadas para serem editadas de forma colaborativa:
- Qualquer membro do workspace pode criar e editar coleções
- Qualquer membro pode adicionar, remover ou reordenar projetos
- Apenas proprietários e administradores podem excluir uma coleção
- Os projetos só podem ser adicionados a partir do mesmo workspace, você não pode trazer projetos de outro workspace para o seu
Dicas e melhores práticas
- Combine a cor de fundo e a fonte com sua marca existente para uma aparência coesa
- Clássico com 3 colunas combina com um portfólio; Minimal ou Timeline, com um catálogo de descrições longas. A troca entre grade e lista e o número de colunas só aparecem nos layouts que os usam
- Defina a visibilidade como Não listada para trabalhos com clientes: mesmo acesso sem ser indexada
- Gere o QR em 1024px para materiais impressos de alta qualidade
- Coloque na sua página inicial um link para a coleção pública e mostre todo o seu trabalho