Peças gráficas
Design de Fatura de Estúdio
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.
Casos de Uso da Fatura de Estúdio
- Estúdios IndependentesApresente serviços e dados de pagamento em um único documento pronto para o cliente
- Consultores de MarcaConecte escopo do projeto, honorários, adiantamentos e trabalho de entrega
- Equipes de Contas a PagarEncontre a identificação da fatura, o pedido de compra e as informações de pagamento
- Designers de Documentos EditoriaisEstude tipografia estruturada para comunicação financeira densa
Destaques da Fatura de Estúdio
- Escopo Antes do CustoO contexto do projeto aparece antes dos itens faturáveis detalhados
- Ajustes ExplícitosAlterações de adiantamento e de imposto permanecem visíveis ao lado dos totais
- Dois Caminhos de PagamentoDados de wire, ACH e pagamento online dividem uma única seção
- Estilo Pensado para ImpressãoAs regras de impressão removem a sombra e a borda e reduzem o preenchimento da página.
A Fatura de Estúdio, do Cabeçalho às Observações de Pagamento
1 / 1Sobre o Design de Fatura de Estúdio
O Design de Fatura de Estúdio é um exemplo oficial do OpenDesign para uma fatura de cliente do Sable Studio. Sua composição visível combina identidade do estúdio, metadados da fatura, dados do cliente e do emissor, contexto do projeto, trabalho faturável, condições de liquidação, instruções de pagamento e uma assinatura final em um único documento longo.
O cabeçalho estabelece o tipo de documento com o rótulo “INVOICE”, o identificador “INV-2025-0142” e as datas de emissão e vencimento. Essa ordem dá ao leitor a referência e o prazo do documento antes de pedir que interprete o detalhe comercial. As datas e as identidades de exemplo são conteúdo ilustrativo do design, não evidência de uma transação a pagar.
Os blocos do emissor e do destinatário usam rótulos paralelos, “FROM” e “BILL TO”, de modo que responsabilidade e destino possam ser conferidos na mesma faixa horizontal. Os endereços de e-mail em verde são links de e-mail criados pelo autor; a captura de tela demonstra apenas a apresentação visual deles, não um fluxo de e-mail testado.
Casos de Uso Deste Design de Fatura
O design é útil quando uma fatura de serviços precisa explicar o que foi entregue, além do que é devido. A faixa do projeto nomeia “Northwind brand identity refresh”, inclui o pedido de compra “NW-PO-2025-3387” e indica “Net 30 · USD”. Esses três campos conectam o documento a um contrato, a uma referência interna de compras e a uma convenção de pagamento antes de o leitor chegar aos valores.
Seu melhor uso é em estúdios que trabalham por projeto, com mistura de serviços de escopo fixo e trabalho variável. As três primeiras linhas mostram quantidade 1, enquanto “Senior design hours · overage” mostra quantidade 14 à tarifa de US$ 220,00. O padrão diferente de quantidade torna as horas excedentes legíveis como um acréscimo baseado em tempo, e não como outra entrega empacotada.
Revisão pelo Cliente
Use os blocos pareados das partes e a faixa do projeto para confirmar quem emitiu a fatura, quem a recebe e qual pedido de compra pertence ao trabalho.
Conciliação Interna
Use as descrições detalhadas, quantidades, tarifas, o ajuste de adiantamento e a linha de imposto para comparar o documento com o registro do contrato.
Repasse do Pagamento
Use o painel final de pagamento para manter juntas as instruções bancárias, a disponibilidade de pagamento online, as observações de câmbio e o tratamento do recibo.
Composição e Ordem de Leitura
A página vai da identificação geral aos detalhes de apoio em cinco etapas deliberadas. Uma marca circular preta com “S” e o logotipo Sable Studio estabelecem o emissor; o grande número da fatura e as datas definem o status do documento; a área de duas colunas das partes identifica a transação; a faixa verde clara do projeto traz o contexto; e a tabela de itens carrega a principal explicação financeira.
A tabela de itens dá a “DESCRIPTION” a maior área visual, deixando colunas mais estreitas para “QTY”, “RATE” e “AMOUNT”. Essa proporção comporta textos explicativos como “Stakeholder interviews, competitive audit, brand audit, written strategy doc.” O custo é o comprimento vertical: as descrições quebram em várias linhas, mas o leitor entende o serviço antes de examinar seu valor numérico.
As condições de pagamento ficam ao lado dos totais. O subtotal de exemplo de $40,080 menos o adiantamento de $4,008 resulta em $36,072 antes do imposto. Aplicando a alíquota de exemplo de 9%, obtêm-se $3,246.48, levando a $39,318.48 devidos. A linha de imposto aparece acima de “Net before tax”, de modo que a ordem visual difere da ordem do cálculo. A faixa final escura dá destaque ao resultado, mas os rótulos anteriores continuam necessários para verificar como ele foi composto.
| Bloco da Fatura | Evidência Visível | Tarefa do Leitor |
|---|---|---|
| Cabeçalho | Número da fatura, data de emissão, data de vencimento | Identificar o documento e seu prazo |
| Faixa do Projeto | Nome do projeto, número do pedido de compra, Net 30 · USD | Vincular a cobrança a um contrato |
| Itens | Descrição, quantidade, tarifa, valor | Entender o trabalho por trás de cada cobrança |
| Área de Liquidação | Condições de pagamento, subtotal, adiantamento, imposto, total devido | Conciliar o valor e seus ajustes |
Escopo e Limites de Capacidade
Este exemplo de fatura, restrito ao design, usa um contêiner de documento com largura máxima de 820 pixels no código-fonte. Os estilos de impressão removem sua sombra e borda e reduzem o preenchimento; a paginação de impressão em uma única folha não foi verificada. A arte demonstra tipografia, agrupamento, conteúdo ilustrativo e destinos mailto definidos pelo autor. Ela não estabelece faturamento conectado, processamento de pagamentos, recibos automáticos, verificação bancária nem cálculo tributário em tempo real.
O painel inferior apresenta “WIRE / ACH (USD)” e “ONLINE PAYMENT” como conteúdo do documento. Ele lista Mercury Bank, valores de routing e de conta, uma string de link de pagamento, “Stripe / card / ACH”, “Wise / SEPA / FX” e “Auto-emailed”. Trate esses itens como campos ilustrativos fornecidos para a composição. Uma implementação em produção exigiria dados verificados separadamente, controles de pagamento e decisões de conformidade antes de usar conteúdo semelhante em uma fatura real.
Como criar um Design de Fatura de Estúdio no OpenDesign
Estabeleça a estrutura da fatura
Crie um documento de fatura longo, com a identidade do emissor e um bloco da fatura alinhado à direita. Inclua número da fatura, data de emissão, data de vencimento, endereços do emissor e do destinatário, nome do projeto, pedido de compra e condições de pagamento antes de introduzir a tabela de itens. Se a saída impressa for importante, verifique a paginação separadamente, em vez de presumir que toda a composição cabe em uma folha.
Prompt sugeridoCrie um Design de Fatura de Estúdio para um estúdio de design e um cliente fictícios. Use um documento longo com a identidade do estúdio à esquerda, número da fatura e datas de emissão à direita, blocos pareados FROM e BILL TO, uma faixa de projeto e pedido de compra e uma tabela de itens com Description, Qty, Rate e Amount. Adicione estilos para impressão sem presumir paginação em uma única folha. Use apenas dados de exemplo; não afirme faturamento real, processamento de pagamentos, verificação bancária nem tratamento tributário válido.
Modele o escopo e a liquidação
Adicione quatro linhas específicas do caso: três linhas de serviço fixo com quantidade 1 e uma linha de horas excedentes de design sênior com quantidade 14 e uma tarifa unitária. Em seguida, inclua condições de pagamento, subtotal, adiantamento aplicado, imposto sobre vendas, valor líquido antes do imposto e total devido. Mantenha o texto explicativo dos serviços largo o bastante para quebrar linhas sem esconder as colunas numéricas.
Refine a apresentação do pagamento
Coloque as informações de transferência bancária e de pagamento online em um painel inferior compartilhado, com títulos separados e rótulos alinhados. Preserve a distinção visual entre os totais comuns e o total devido em destaque e verifique se o agradecimento final e a assinatura continuam fazendo parte do documento, sem sugerir que links, dados bancários, recibos ou cálculos de exemplo sejam operacionais.
Exportar e obter um link de compartilhamento
Exporte seu design finalizado e, em seguida, use Compartilhar no OpenDesign para obter um link de compartilhamento. Abra o link em uma janela separada do navegador e verifique se a versão desejada e seus assets estão disponíveis antes de enviá-lo.
Design de Pôster Editorial de Fluxo de Trabalho com IA
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.
Peças gráficas
Design de Carrossel Social sobre Fluxo de Trabalho com IA
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.
Peças gráficas
Design de Shader Aurora Field
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.
Peças gráficas
Design de Shader Aurora Veil
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.
Peças gráficas