Flying Papers
Confesión en una caricatura de sábado por la mañana
Flying Papers funciona como una tira cómica de los sábados por la mañana impresa en papel risográfico grueso: una escena plana de color púrpura apagado, una salpicadura de colores saturados que parecen confeti y una tipografía tan grande que ocupa todo el área de visualización. La marca es llamativa, audaz e intransigente: no exige atención, sino que la atrae. Cada pantalla está diseñada para parecer un póster único y llamativo: un titular dominante, una ilustración de un personaje, una acción en el texto y mucho espacio en blanco. Los marcos hacen la mayor parte del trabajo, reemplazando las sombras; el color se usa como pintura, no como datos. Las superficies permanecen planas, los bordes se mantienen nítidos a 6 píxeles, y el único punto débil del sistema es la píldora de 100 píxeles en el botón de salida.
Diseños de póster a pantalla completa sin restricciones de ancho máximo. Cada pantalla es una composición única del tamaño de la ventana gráfica: un enorme título de ObviouslyVariable, centrado o alineado a la izquierda, una única ilustración de mascota superpuesta al texto y una pequeña acción en línea debajo. Las secciones no alternan entre colores claros y oscuros: toda la página está diseñada sobre un lienzo Twilight Purple, con tarjetas de color sólido en la parte superior. La navegación es un único logotipo centrado, sin barra de menú. Las tarjetas están dispuestas en un diseño flexible de 2 a 3 columnas con amplios márgenes; el tamaño de las tarjetas viene determinado por el contenido en lugar de ser uniforme. La densidad es extrema: una idea por pantalla, rodeada de un espacio de respiración púrpura.
Solo ilustraciones: sin fotografías, renders 3D ni degradados abstractos. El lenguaje visual es un estilo de dibujos animados dibujados a mano con contornos negros gruesos (2-3 px), rellenos planos de 2-3 colores y sin sombreado. Los personajes son mascotas que interactúan con la tipografía (asegurándose de asomarse, apoyándose o de pie sobre la letra). Los iconos se dibujan con líneas negras (Pure) o blancas (Bone), con un grosor de línea de 1,5-2 px. Las imágenes crean principalmente una atmósfera decorativa, sin dar explicaciones: la tipografía transmite el mensaje, el personaje transmite el estado de ánimo.
Paleta
Marca
- Dusk Violet
#8584bd— El lienzo principal y el fondo principal son el escenario sobre el que aparecen todos los demás colores. - Hi-Vis Yellow
#f4ed36— El amarillo se utiliza para resaltar los contornos de las acciones, las etiquetas de los enlaces y los elementos interactivos. No debe utilizarse como color principal para las llamadas a la acción. - Buttery Yellow
#f9cc73— El texto adicional en pantalla y los bordes más suaves ofrecen una versión más sutil del color reflectante para situaciones en las que el color reflectante sería excesivo. - Lilac Shadow
#61609a— Los fondos de tarjetas y bloques son de un color púrpura más intenso para superficies anidadas sobre un fondo púrpura.
Neutral
- Bubblegum Pink
#f8c1ba— Los bordes decorativos y los detalles de confeti son de un rosa cálido que se usa con moderación para crear un toque de color. - Matcha Cream
#b5c995— Los bordes decorativos y los detalles de confeti proporcionan un tono verde empolvado a los personajes secundarios de la tarjeta. - Magenta Punch
#ac4f98— Superficie adicional para tarjetas de acento: diseñada para bloques de efectos que deben sonar más fuertes que el escenario. - Firecracker Red
#c94245— Relleno rojo para resaltar el fondo, franjas decorativas y un suave acento detrás del contenido. - Bone White
#f9f5f2— Bordes finos, separadores, contornos de campos de entrada y cantos de tarjetas sobre superficies claras. Evite usar este color como color principal para los botones de llamada a la acción. - Ink Black
#1a1a1a— El texto principal, los bordes principales y los contornos de los botones son de un color casi negro, utilizado para trabajos tipográficos sobre superficies color crema.
Tipografía
De 10 a 341 píxeles · 8 pasos
- ObviouslyVariable — reemplazo: Founders Grotesk Condensed · esquemas 800, 900 · Esta familia tipográfica para titulares y letras grandes es la única con la suficiente presencia para este sistema. Los tamaños varían desde 18 px para texto corrido hasta 341 px para pósteres. El interlineado ajustado de 0,80 a 1,00 permite que los titulares de varias líneas se muestren como bloques de color sólidos; la función Calt está desactivada, por lo que las formas geométricas anchas permanecen sin adornos. Alternativas: Founders Grotesk Condensed, Knockout o Druk Wide.
- DegularVariable — reemplazo: Inter · esquemas 400 · Texto de interfaz de usuario ultracompacto (navegación, microtexto del pie de página y etiquetas en línea) a 10 píxeles. Fuente neutra y versátil que se integra a la perfección con el texto principal. Alternativas: Inter, IBM Plex Sans.
- bergen_monoregular — reemplazo: JetBrains Mono · esquemas 400, 600 · Una microfuente monoespaciada para navegación, etiquetas y pequeñas etiquetas de datos crea un ritmo similar al de una máquina de escribir sobre una pantalla redondeada. El interlineado de 0,80 en la fuente monoespaciada es una característica distintiva: una fuente monoespaciada compacta da la sensación de un recibo. Alternativas: JetBrains Mono, IBM Plex Mono.
Intervalos y forma
| Objetivo | Significado |
|---|---|
| Densidad | denso |
| Paso básico | 17px |
| Radio del botón | 100px |
| Radio de la tarjeta | 6px |
| Oscuridad | no - bordes en lugar de sombras |
| Entre secciones | 40px |
La IA construirá tu sitio web al estilo de Flying Papers y lo rellenará.
- Rellena con productos y publicaciones a través del enlace - Instagram, TikTok, Facebook.
- Transfiere el contenido de tu antiguo sitio web; solo tienes que especificar la dirección.
- Diseño moderno sobre el mejor motor: React ( Next.js) con renderizado del lado del servidor y optimización SEO integrada.
- Optimización SEO totalmente automatizada para resultados de búsqueda y recomendaciones mediante redes neuronales.
Estilos similares
- Navigate — Un gran conjunto de pegatinas adheridas a un tablero: una fuente grande y grotesca, todo en forma de tabletas y cinco iconos multicolores que se repiten como un logotipo.
- Hatch — Un diseño dibujado a mano, al estilo samizdat, mezclado con cuencos de caramelos en tonos pastel. Un lienzo de papel cremoso adornado con detalles en menta, puntos de confeti y llamadas a la acción en forma de píldora, donde una fuente serif grande y llamativa insinúa diversión, y una mascota azul guiña un ojo en la esquina.
- Wonder — El centro de mando de color púrpura neón es una oscuridad de color ciruela intenso atravesada por una única fuente de luz láser violeta.
- Duolingo — Mascota divertida de la clase en papel blanco
- Family — Una página impresa en papel pergamino color crema, con un fragmento de un cuento de hadas.
- Visitors — dibujo de ingeniería blanco
- Say Briefly — Cuaderno de bocetos de agencia creativa en papel color crema.
- Superpower — Centro de Gestión de la Salud Bioluminiscente
- Dopper — Una laguna cremosa bañada por el sol, con una vibrante corriente azul. Una cálida extensión beige donde un único canal azul brillante y canales cristalinos, como caramelos, atraviesan el espacio como la luz del sol sobre el agua.
- Dock — Papel crema iluminado por el sol, pulso de cobalto
- Portrait — Un muro de recuerdos, capturados en Polaroids sobre papel color crema. Un álbum de recortes brillante, color crema, donde la tinta azul oscuro sirve como único texto, las únicas líneas de estructura y el único color de marco, con un único arcoíris dibujado a mano que aparece una sola vez, en el botón "Registrarse" y en la palabra "para siempre" en cursiva, y nunca más.
- Quizlet — El aula está decorada con una variedad de colores sobre un fondo blanco: un escritorio silencioso, detrás del cual cuatro tarjetas en tonos pastel son el único toque de color brillante sobre un fondo de paredes grises frías y una sola marca hecha con un marcador índigo.