Flying Papers
Confissão em um desenho animado de sábado de manhã
O Flying Papers funciona como um desenho animado de sábado de manhã impresso em papel risográfico grosso: uma cena plana em tons de roxo suaves, uma profusão de cores saturadas, como confetes, e uma tipografia tão grande que ocupa toda a área de visualização. A identidade visual é impactante, ousada e intransigente — não exige atenção, mas a atrai. Cada tela foi concebida para se assemelhar a um único pôster impactante: um título dominante, uma ilustração de personagem, uma ação no texto e bastante espaço em branco. Os quadros desempenham a maior parte do papel, substituindo as sombras; a cor é usada como tinta, não como dado. As superfícies permanecem planas, as bordas são mantidas nítidas em 6px e o único ponto suave no sistema é a pequena área de 100px no botão de saída.
Layouts de pôsteres em tela cheia, sem restrições de largura máxima. Cada tela é uma composição única do tamanho da área de visualização: um título "Obviamente Variável" enorme, centralizado ou alinhado à esquerda, uma única ilustração do mascote sobreposta ao texto e uma pequena ação embutida abaixo. As seções não alternam entre cores claras e escuras — toda a página é diagramada em um fundo roxo crepúsculo, com cartões de cores sólidas no topo. A navegação é feita por um único logotipo centralizado, sem barra de menu. Os cartões são organizados em um layout solto de 2 a 3 colunas com margens generosas; os tamanhos dos cartões são determinados pelo conteúdo, em vez de serem uniformes. A densidade é extrema: uma ideia por tela, cercada por um espaço em branco roxo.
Apenas ilustrações — sem fotografias, renderizações 3D ou gradientes abstratos. A linguagem visual é um estilo de desenho animado feito à mão, com contornos pretos grossos (2–3 px), preenchimentos planos de 2 a 3 cores e sem sombreamento. Os personagens são mascotes que interagem com a tipografia (espiando, encostando-se ou em pé sobre a letra). Os ícones são desenhados com linhas pretas (Pure) ou brancas (Bone), com uma espessura de linha de 1,5–2 px. As imagens criam principalmente uma atmosfera decorativa, nunca explicando — a tipografia transmite a mensagem, o personagem transmite o humor.
Paleta
Marca
- Dusk Violet
#8584bd— A tela principal e o fundo principal são o palco onde todas as outras cores aparecem. - Hi-Vis Yellow
#f4ed36— A cor amarela é usada para destacar contornos de ações, rótulos de links e elementos interativos. Não deve ser usada como cor principal para chamadas à ação. - Buttery Yellow
#f9cc73— Texto adicional na tela e bordas mais suaves oferecem uma abordagem mais sutil à cor reflexiva para situações em que o uso excessivo dessa cor seria exagerado. - Lilac Shadow
#61609a— Os fundos dos cartões e blocos são de um roxo mais escuro para superfícies aninhadas em um palco roxo.
Neutro
- Bubblegum Pink
#f8c1ba— Bordas decorativas e detalhes em confete são em um tom rosa quente, usado com moderação para criar um toque de cor. - Matcha Cream
#b5c995— Bordas decorativas e detalhes em confete conferem um tom verde acinzentado aos personagens secundários do cartão. - Magenta Punch
#ac4f98— Superfície adicional para cartões de efeito - projetada para blocos de efeito que devem soar mais alto que o palco. - Firecracker Red
#c94245— Preenchimento vermelho para destacar o fundo, listras decorativas e um leve toque de cor atrás do conteúdo. - Bone White
#f9f5f2— Bordas finas, divisores, contornos de campos de entrada e bordas de cartões em superfícies claras. Evite usar essa cor como cor primária para botões de chamada à ação. - Ink Black
#1a1a1a— O texto principal, as bordas principais e os contornos dos botões são de uma cor quase preta, utilizada para trabalhos tipográficos em superfícies creme.
Tipografia
de 10 a 341px · 8 etapas
- ObviouslyVariable — substituição: Founders Grotesk Condensed · esboços 800, 900 · Esta família tipográfica para títulos e textos grandes é a única com volume suficiente para este sistema. Os tamanhos variam de 18px para o corpo do texto a 341px para pôsteres. O espaçamento entre linhas estreito, de 0,80 a 1,00, permite que títulos com várias linhas sejam exibidos como blocos sólidos de cor; a função Calt está desativada, portanto, formas geométricas amplas permanecem sem adornos. Alternativas: Founders Grotesk Condensed, Knockout ou Druk Wide.
- DegularVariable — substituição: Inter · esboços 400 · Texto de interface do usuário ultracompacto — navegação, microtexto do rodapé e rótulos embutidos com 10px. Uma fonte neutra e versátil que se integra perfeitamente ao corpo do texto. Substituições: Inter, IBM Plex Sans.
- bergen_monoregular — substituição: JetBrains Mono · esboços 400, 600 · Uma microfonte monoespaçada para navegação, tags e pequenos rótulos de dados cria um ritmo de máquina de escrever em uma tela arredondada. O espaçamento entre linhas de 0,80 na fonte monoespaçada é uma característica marcante: uma fonte monoespaçada com espaçamento compacto lembra um recibo. Alternativas: JetBrains Mono, IBM Plex Mono.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Passo básico | 17px |
| Raio do botão | 100px |
| Raio do cartão | 6px |
| Sombras | não - bordas em vez de sombras |
| Entre seções | 40px |
A IA criará seu site no estilo Flying Papers e o preencherá.
- Compartilhe produtos e publicações através dos links - Instagram, TikTok, Facebook.
- Transfira o conteúdo do seu site antigo — basta especificar o endereço.
- Design moderno na melhor engine: React ( Next.js) com renderização no servidor e otimização de SEO integradas.
- Otimização de SEO totalmente automatizada para resultados de pesquisa e recomendações de redes neurais.
Estilos semelhantes
- Navigate — Um grande conjunto de adesivos colados em um quadro: fonte grotesca grande, tudo em formato de tabletes, e cinco ícones multicoloridos, que se repetem como um logotipo.
- Hatch — Um design desenhado à mão, no estilo samizdat, misturado com tigelas de doces em tons pastel. Uma tela de papel cremoso adornada com detalhes em verde menta, confetes e chamadas à ação em formato de pílula, onde uma fonte serifada grande e ousada sugere diversão, e um mascote azul pisca no canto.
- Wonder — O centro de comando, em tom roxo neon, é uma escuridão profunda cor de ameixa, atravessada por uma única fonte de luz laser violeta.
- Duolingo — Mascote lúdico da turma em papel branco
- Family — Uma ilustração de um conto de fadas em pergaminho creme.
- Visitors — desenho de engenharia branco
- Say Briefly — Caderno de esboços de agência criativa em papel creme
- Superpower — Centro de Gestão de Saúde Bioluminescente
- Dopper — Uma lagoa cremosa e ensolarada com uma correnteza azul vibrante. Uma extensão bege e quente onde um único canal azul brilhante e águas cristalinas, como doces, cortam o espaço como a luz do sol na água.
- Dock — Papel Creme Iluminado pelo Sol, Pulso Cobalto
- Portrait — Uma parede de memórias, capturadas em Polaroids sobre papel creme. Um álbum de recortes claro, cor creme, onde a tinta azul escura serve como único texto, única linha de estrutura e única cor de moldura — com um único arco-íris desenhado à mão que aparece uma única vez, no botão "Registrar" e na palavra "para sempre" em itálico, e nunca mais.
- Quizlet — A sala de aula é decorada com uma variedade de cores sobre um fundo branco - uma carteira silenciosa, atrás da qual quatro cartões em tons pastel são o único ponto de cor vibrante em meio a paredes cinza-escuras e uma única marca feita com um marcador índigo.