Flying Papers
Confessió en un dibuix animat de dissabte al matí
Flying Papers funciona com una caricatura de dissabte al matí impresa en paper risografiat gruixut: una escena plana i apagada de color porpra, una mica de colors saturats, semblants a confeti, i una lletra tan gran que ocupa tota l'àrea de visualització. La marca és forta, atreta i inflexible: no crida l'atenció, però l'atrau. Cada pantalla està pensada per semblar un únic pòster atrevit: un titular dominant, una il·lustració d'un personatge, una acció al text i molt d'espai en blanc. Els marcs fan la major part de la feina, substituint les ombres; el color s'utilitza com a pintura, no com a dades. Les superfícies romanen planes, les vores es mantenen nítides a 6 px, i l'únic punt feble del sistema és la píndola de 100 px al botó de sortida.
Dissenys de pòsters a pantalla completa sense restriccions d'amplada màxima. Cada pantalla és una sola composició de la mida de la finestra gràfica: un títol ObviamenteVariable massiu, centrat o alineat a l'esquerra, una sola il·lustració de mascota que se superposa al text i una petita acció en línia a sota. Les seccions no alternen entre colors clars i foscos: tota la pàgina està disposada sobre un llenç de color porpra crepuscle, coronat per targetes de color sòlid. La navegació és un únic logotip centrat, sense barra de menú. Les targetes estan disposades en un disseny flexible de 2-3 columnes amb marges generosos; les mides de les targetes estan determinades pel contingut en lloc de ser uniformes. La densitat és extrema: una idea per pantalla, envoltada d'un espai per respirar de color porpra.
Només il·lustracions, sense fotografies, renders en 3D ni degradats abstractes. El llenguatge visual és un estil de dibuixos animats a mà amb contorns negres gruixuts (2–3 px), farciments plans de 2–3 colors i sense ombres. Els personatges són mascotes que interactuen amb la tipografia (esquitxant, recolzant-se o posant-se dret sobre la lletra). Les icones es dibuixen amb línies negres (Pure) o blanques (Bone), amb una amplada de línia d'1,5–2 px. Les imatges creen principalment una atmosfera decorativa, sense donar mai explicacions: la tipografia transmet el missatge, el personatge transmet l'estat d'ànim.
Paleta
Marca
- Dusk Violet
#8584bd— El llenç principal i el fons principal són l'escenari on apareixen tots els altres colors. - Hi-Vis Yellow
#f4ed36— El groc s'utilitza per ressaltar els esquemes d'acció, les etiquetes d'enllaços i els elements interactius. No s'hauria d'utilitzar com a color principal per a les crides a l'acció. - Buttery Yellow
#f9cc73— El text addicional en pantalla i les vores més suaus ofereixen una visió més subtil del color reflectant per a situacions en què el color reflectant seria excessiu. - Lilac Shadow
#61609a— Els fons de cartes i blocs són d'un porpra més fosc per a superfícies imbricades en un escenari porpra.
Neutral
- Bubblegum Pink
#f8c1ba— Les vores decoratives i els accents de confeti són d'un rosa càlid que s'utilitza amb moderació per crear un toc de color. - Matcha Cream
#b5c995— Les vores decoratives i els detalls de confeti proporcionen un to verd polsós als personatges secundaris de la targeta. - Magenta Punch
#ac4f98— Superfície addicional per a targetes d'accent: dissenyada per a blocs d'efectes que haurien de sonar més fort que l'escenari. - Firecracker Red
#c94245— Emplenament vermell per ressaltar el fons, franges decoratives i un accent suau darrere del contingut. - Bone White
#f9f5f2— Vores primes, divisors, contorns de camps d'entrada i vores de targetes en superfícies clares. Eviteu utilitzar aquest color com a color principal per als botons de crida a l'acció. - Ink Black
#1a1a1a— El text principal, les vores principals i els contorns dels botons són d'un color gairebé negre que s'utilitza per a treballs tipogràfics sobre superfícies de color crema.
Tipografia
de 10 a 341px · 8 passos
- ObviouslyVariable — reemplaçament: Founders Grotesk Condensed · esquemes 800, 900 · Aquesta família tipogràfica per a titulars i lletres grans és l'única font prou potent per a aquest sistema. Les mides van des de 18 px per al text del cos fins a 341 px per a la visualització de pòsters. Un espaiat entre línies ajustat de 0,80 a 1,00 permet que els titulars de diverses línies es mostrin com a blocs sòlids de color; la funció Calt està desactivada, de manera que les formes geomètriques amples romanen sense adorns. Alternatives: Founders Grotesk Condensed, Knockout o Druk Wide.
- DegularVariable — reemplaçament: Inter · esquemes 400 · Text d'IU ultrapetit: navegació, microcòpia del peu de pàgina i etiquetes en línia de 10 px. Una font neutra i versàtil que es combina perfectament amb el text del cos. Substitucions: Inter, IBM Plex Sans.
- bergen_monoregular — reemplaçament: JetBrains Mono · esquemes 400, 600 · Una microfont monoespaiada per a navegació, etiquetes i petites etiquetes de dades crea un ritme de màquina d'escriure contra una pantalla arrodonida. L'interlineat de 0,80 a la font monoespaiada és una característica distintiva: una font monoespaiada ajustada sembla un rebut. Alternatives: JetBrains Mono, IBM Plex Mono.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 17px |
| Radi del botó | 100px |
| Radi de la targeta | 6px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 40px |
La IA crearà el vostre lloc web a l'estil Flying Papers i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Navigate — Un gran conjunt d'adhesius enganxats a un tauler: una font grotesca gran, tot en forma de tauletes i cinc icones multicolors, que es repeteixen com un logotip
- Hatch — Un disseny dibuixat a mà, d'estil samizdat, barrejat amb bols de caramels pastel. Un llenç de paper cremós adornat amb detalls de menta, punts de confeti i crides a l'acció en forma de pastilla, on una font serif gran i en negreta insinua diversió i una mascota blava fa l'ullet a la cantonada.
- Wonder — El centre de comandament de color porpra neó és d'una foscor profunda i color pruna travessada per una única font de llum làser violeta.
- Duolingo — Mascota de classe divertida sobre paper blanc
- Family — Una extensió d'un conte de fades sobre pergamí crema
- Visitors — dibuix d'enginyeria blanc
- Say Briefly — Quadern de dibuix d'agència creativa sobre paper crema
- Superpower — Centre de Gestió de la Salut Bioluminescent
- Dopper — Una llacuna cremosa banyada pel sol amb un corrent blau vibrant. Una extensió càlida i beix on un únic canal blau brillant i unes cartes cristal·lines com caramels tallen l'espai com la llum del sol sobre l'aigua.
- Dock — Paper crema il·luminat pel sol, pols de cobalt
- Portrait — Un mur de records, capturats en Polaroids sobre paper de color crema. Un àlbum de retalls de color crema brillant on la tinta blau fosc serveix com a únic text, les úniques línies d'estructura i l'únic color del marc, amb un únic arc de Sant Martí dibuixat a mà que apareix una vegada, al botó "Registra't" i a la paraula en cursiva "per sempre", i mai més.
- Quizlet — L'aula està decorada amb una varietat de colors sobre un fons blanc: un escriptori tranquil, darrere del qual quatre targetes pastel són l'únic accent brillant sobre un fons de parets grises fredes i una única marca feta amb un retolador indi.