Flying Papers
Confesión nun debuxo animado do sábado pola mañá
Flying Papers funciona coma unha caricatura dun sábado pola mañá impresa en papel risógrafo groso: unha escena plana e apagada de cor púrpura, un puñado de cores saturadas, semellantes ao confeti, e unha tipografía tan grande que ocupa toda a área de visualización. A marca é forte, audaz e inflexible: non esixe atención, pero atrae. Cada pantalla está pensada para parecerse a un único póster en negriña: un titular dominante, unha ilustración dun personaxe, unha acción no texto e moito espazo en branco. Os marcos fan a maior parte do traballo, substituíndo as sombras; a cor úsase como pintura, non como datos. As superficies permanecen planas, os bordos mantéñense nítidos a 6 px e o único punto débil do sistema é a pílula de 100 px no botón de saída.
Maquetación de pósteres a pantalla completa sen restricións de ancho máximo. Cada pantalla é unha única composición do tamaño da ventá gráfica: un título enorme de ObviamenteVariable, centrado ou aliñado á esquerda, unha única ilustración de mascota que se superpón ao texto e unha pequena acción en liña debaixo. As seccións non alternan entre cores claras e escuras: toda a páxina está disposta sobre un lenzo de cor púrpura crepuscular, cuberta con tarxetas de cores sólidas. A navegación é un único logotipo centrado, sen barra de menú. As tarxetas están dispostas nun deseño amplo de 2-3 columnas con amplos espazos; os tamaños das tarxetas están determinados polo contido en lugar de ser uniformes. A densidade é extrema: unha idea por pantalla, rodeada por un espazo de respiración púrpura.
Só ilustracións, sen fotografías, renderizacións en 3D nin gradientes abstractos. A linguaxe visual é un estilo de debuxo a man con contornos negros grosos (2–3 px), recheos planos de 2–3 cores e sen sombreado. Os personaxes son mascotas que interactúan coa tipografía (espiando, apoiándose ou poñéndose de pé sobre a letra). As iconas debúxanse con liñas negras (Pure) ou brancas (Bone), cun ancho de liña de 1,5–2 px. As imaxes crean principalmente unha atmosfera decorativa, sen dar explicacións: a tipografía transmite a mensaxe e o personaxe transmite o ambiente.
Paleta
Marca
- Dusk Violet
#8584bd— A tea principal e o fondo principal son o escenario no que aparecen todas as outras cores. - Hi-Vis Yellow
#f4ed36— O amarelo úsase para destacar os contornos das accións, as etiquetas das ligazóns e os elementos interactivos. Non se debe usar como cor principal para as chamadas á acción. - Buttery Yellow
#f9cc73— O texto adicional na pantalla e os bordos máis suaves ofrecen unha visión máis sutil da cor reflectante para situacións nas que a cor reflectante sería excesiva. - Lilac Shadow
#61609a— Os fondos de cartón e bloques son dun púrpura máis escuro para superficies aniñadas nun escenario púrpura.
Neutro
- Bubblegum Pink
#f8c1ba— Os bordos decorativos e os detalles de confeti son dun rosa cálido que se usa con moderación para crear un toque de cor. - Matcha Cream
#b5c995— Os bordos decorativos e os detalles de confeti proporcionan un ton verde po para os personaxes secundarios das cartas. - Magenta Punch
#ac4f98— Superficie adicional para tarxetas de acento: deseñada para bloques de efectos que deberían soar máis alto que o escenario. - Firecracker Red
#c94245— Recheo vermello para resaltar o fondo, raias decorativas e un toque suave detrás do contido. - Bone White
#f9f5f2— Bordes finos, divisores, contornos de campos de entrada e bordos de tarxetas en superficies claras. Evita usar esta cor como cor principal para os botóns de chamada á acción. - Ink Black
#1a1a1a— O texto principal, os bordos principais e os contornos dos botóns son dunha cor case negra que se usa para traballos tipográficos en superficies crema.
Tipografía
de 10 a 341 px · 8 pasos
- ObviouslyVariable — substitución: Founders Grotesk Condensed · contornos 800, 900 · Esta familia de fontes para titulares e letras grandes é a única fonte con volume suficiente para este sistema. Os tamaños van dende os 18 px para o texto do corpo ata os 341 px para a visualización en pósteres. Un espazado entre liñas axustado de 0,80 a 1,00 permite que os titulares de varias liñas se mostren como bloques sólidos de cor; a función Calt está desactivada, polo que as formas xeométricas anchas permanecen sen adornos. Alternativas: Founders Grotesk Condensed, Knockout ou Druk Wide.
- DegularVariable — substitución: Inter · contornos 400 · Texto da IU ultrapequeno: navegación, microcopia do pé de páxina e etiquetas en liña a 10 px. Unha fonte neutra e versátil que se mestura perfectamente co texto do corpo. Substitucións: Inter, IBM Plex Sans.
- bergen_monoregular — substitución: JetBrains Mono · contornos 400, 600 · Unha microfonte monoespaciada para navegación, etiquetas e pequenas etiquetas de datos crea un ritmo de máquina de escribir sobre unha pantalla redondeada. O interlineado de 0,80 na fonte monoespaciada é unha característica distintiva: unha fonte monoespaciada despexada parece un recibo. Alternativas: JetBrains Mono, IBM Plex Mono.
Intervalos e forma
| Propósito | Significado |
|---|---|
| Densidade | denso |
| Paso básico | 17px |
| Radio do botón | 100px |
| Radio da tarxeta | 6px |
| Sombras | sen bordos en vez de sombras |
| Entre seccións | 40px |
A IA creará o teu sitio web ao estilo de Flying Papers e o encherá
- Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
- Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
- Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
- Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.
Estilos semellantes
- Navigate — Un gran conxunto de adhesivos pegados a un taboleiro: unha gran fonte grotesca, todo en forma de tabletas e cinco iconas multicolores, que se repiten como un logotipo
- Hatch — Un deseño debuxado a man, de estilo samizdat, mesturado con cuncas de doces en tons pastel. Un lenzo de papel cremoso adornado con detalles en cor menta, puntos de confeti e chamadas á acción en forma de pílula, onde unha fonte serif grande e en negriña alude á diversión e unha mascota azul fai un guiño nun recuncho.
- Wonder — O centro de mando de cor púrpura neón é dunha profunda escuridade cor aveja perforada por unha única fonte de luz láser violeta.
- Duolingo — Mascota xoguetona da clase en papel branco
- Family — Unha tirada dun conto de fadas en pergamiño crema
- Visitors — debuxo de enxeñaría branco
- Say Briefly — Caderno de bosquexos de axencia creativa en papel crema
- Superpower — Centro de Xestión da Saúde Bioluminescente
- Dopper — Unha lagoa cremosa bañada polo sol cunha corrente azul vibrante. Unha extensión cálida e beis onde unha única canle azul brillante e unhas cartas cristalinas coma doces cortan o espazo coma a luz do sol sobre a auga.
- Dock — Papel crema iluminado polo sol, pulso de cobalto
- Portrait — Un muro de recordos, capturados en Polaroids en papel cor crema. Un álbum de recortes brillante e cor crema onde a tinta azul escura serve como único texto, as únicas liñas de estrutura e a única cor do marco, cun único arco da vella debuxado a man que aparece unha vez, no botón "Rexistrarse" e na palabra en cursiva "para sempre", e nunca máis.
- Quizlet — A aula está decorada con diversas cores sobre un fondo branco: un escritorio tranquilo, detrás do cal catro tarxetas en tons pastel son o único acento brillante sobre un fondo de paredes grises frías e unha única marca feita cun rotulador índigo.