Flying Papers
Spovedanie într-un desen animat de sâmbătă dimineața
Flying Papers funcționează ca un desen animat de sâmbătă dimineață, tipărit pe hârtie groasă de risografie: o scenă violet plată, estompată, o împrăștiere de culori saturate, asemănătoare confetti-ului, și un font atât de mare încât ocupă întreaga zonă de vizualizare. Brandingul este puternic, îndrăzneț și fără compromisuri - nu solicită atenție, ci o atrage. Fiecare ecran este menit să se simtă ca un singur poster îndrăzneț: un titlu dominant, o ilustrație a unui personaj, o acțiune în text și mult spațiu alb. Cadrele fac cea mai mare parte a muncii, înlocuind umbrele; culoarea este folosită ca vopsea, nu ca date. Suprafețele rămân plate, marginile sunt menținute clare la 6px, iar singurul punct slab din sistem este pilula de 100px de pe butonul de ieșire.
Machete de postere pe ecran complet, fără restricții de lățime maximă. Fiecare ecran este o singură compoziție de dimensiunea viewport-ului: un titlu ObviamenteVariable masiv, centrat sau aliniat la stânga, o singură ilustrație a mascotei care se suprapune peste text și o mică acțiune în linie dedesubt. Secțiunile nu alternează între culori deschise și închise - întreaga pagină este așezată pe o pânză Twilight Purple, acoperită cu carduri de culoare solidă. Navigarea este un singur logo centrat, fără bară de meniu. Cardurile sunt aranjate într-un aspect lejer de 2-3 coloane, cu margini generoase; dimensiunile cardurilor sunt determinate de conținut, mai degrabă decât să fie uniforme. Densitatea este extremă: o idee pe ecran, înconjurată de un spațiu de respirație violet.
Doar ilustrații — fără fotografii, randări 3D sau gradienți abstracti. Limbajul vizual este un stil de desen animat desenat manual, cu contururi negre groase (2–3px), umpluturi plate de 2–3 culori și fără umbre. Personajele sunt mascote care interacționează cu fontul (se uită pe spate, se sprijină de literă sau stau pe ea). Pictogramele sunt desenate cu linii negre (Pure) sau albe (Bone), cu o lățime a liniei de 1,5–2px. Imaginile creează în primul rând o atmosferă decorativă, fără a oferi nicio explicație — fontul transmite mesajul, personajul transmite starea de spirit.
Paletă
Marca
- Dusk Violet
#8584bd— Pânza principală și fundalul principal sunt scena pe care apar toate celelalte culori. - Hi-Vis Yellow
#f4ed36— Galbenul este folosit pentru a evidenția contururile acțiunilor, etichetele linkurilor și elementele interactive. Nu ar trebui folosit ca și culoare principală pentru îndemnurile la acțiune. - Buttery Yellow
#f9cc73— Textul suplimentar de pe ecran și marginile mai estompate oferă o abordare mai subtilă a culorilor reflectorizante pentru situațiile în care acestea ar fi exagerate. - Lilac Shadow
#61609a— Fundalurile de carton și bloc au o nuanță violet mai intensă pentru suprafețele imbricate pe o scenă violetă.
Neutru
- Bubblegum Pink
#f8c1ba— Bordurile decorative și accentele de confetti sunt de o nuanță caldă de roz, folosită cu moderație pentru a crea o pată de culoare. - Matcha Cream
#b5c995— Bordurile decorative și accentele de confetti oferă o nuanță verde prăfuit personajelor secundare de pe cărți. - Magenta Punch
#ac4f98— Suprafață suplimentară pentru cărți de accent - concepută pentru blocuri de efecte care ar trebui să sune mai tare decât scena. - Firecracker Red
#c94245— Umplere roșie pentru a evidenția fundalul, dungi decorative și un accent delicat în spatele conținutului. - Bone White
#f9f5f2— Borduri subțiri, separatoare, contururi ale câmpurilor de introducere a textului și margini ale cardurilor pe suprafețe deschise la culoare. Evitați să folosiți această culoare ca și culoare principală pentru butoanele de îndemn la acțiune. - Ink Black
#1a1a1a— Textul principal, marginile principale și contururile butoanelor sunt de o culoare aproape neagră, utilizată pentru lucrări tipografice pe suprafețe crem.
Tipografie
de la 10 la 341px · 8 pași
- ObviouslyVariable — înlocuire: Founders Grotesk Condensed · contururi 800, 900 · Această familie de fonturi pentru titluri și texte cu caractere mari este singurul font suficient de puternic pentru acest sistem. Dimensiunile variază de la 18px pentru text până la 341px pentru afișarea posterelor. Spațierea strânsă între rânduri, de 0,80–1,00, permite afișarea titlurilor pe mai multe rânduri ca blocuri solide de culoare; funcția Calt este dezactivată, astfel încât formele geometrice late rămân neornamentate. Alternative: Founders Grotesk Condensed, Knockout sau Druk Wide.
- DegularVariable — înlocuire: Inter · contururi 400 · Text ultra-mic pentru interfața utilizator - navigare, microcopie în subsol și etichete în linie la 10px. Un font neutru și versatil, care se îmbină perfect cu textul corpului. Înlocuitori: Inter, IBM Plex Sans.
- bergen_monoregular — înlocuire: JetBrains Mono · contururi 400, 600 · Un microfont monospațiat pentru navigare, etichete și etichete mici de date creează un ritm de mașină de scris pe un ecran rotunjit. Spațierea de 0,80 între rânduri în fontul monospațiat este o caracteristică caracteristică: un font monospațiat strâns se simte ca o chitanță. Alternative: JetBrains Mono, IBM Plex Mono.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 17px |
| Raza butonului | 100px |
| Raza cardului | 6px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 40px |
Inteligența artificială vă va construi site-ul web în stilul Flying Papers și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Navigate — Un set mare de autocolante atașate la o placă: fonturi grotești mari, toate sub formă de tablete și cinci pictograme multicolore, repetând ca un logo
- Hatch — Un design desenat manual, în stil samizdat, combinat cu boluri pastelate pentru bomboane. O pânză de hârtie crem, împodobită cu accente de mentă, puncte confetti și îndemnuri la acțiune în formă de pastilă, unde un font serif mare și îndrăzneț sugerează distracție, iar o mascotă albastră face cu ochiul în colț.
- Wonder — Centrul de comandă neon violet este o întunecime intensă, ca pruna, străpunsă de o singură sursă de lumină laser violet.
- Duolingo — Mascotă jucăușă a clasei pe hârtie albă
- Family — O întindere dintr-un basm pe pergament crem
- Visitors — desen ingineresc alb
- Say Briefly — Caiet de schițe pentru agenție de creație pe hârtie crem
- Superpower — Centrul de Management al Sănătății Bioluminescente
- Dopper — O lagună cremoasă, scăldată în soare, cu un curent albastru vibrant. O întindere caldă, bej, unde un singur canal albastru strălucitor și cărți de joc cristaline, asemănătoare bomboanelor, străbat spațiul precum lumina soarelui pe apă.
- Dock — Hârtie crem însorită, puls de cobalt
- Portrait — Un perete de amintiri, surprinse în Polaroid pe hârtie crem. Un album de albume de culoare crem, strălucitor, unde cerneala albastru închis este singurul text, singurele linii de structură și singura culoare a cadrului - cu un singur curcubeu desenat manual care apare o dată, pe butonul „Înregistrare” și pe cuvântul italic „pentru totdeauna” și niciodată.
- Quizlet — Sala de clasă este decorată într-o varietate de culori pe un fundal alb - un birou liniștit, în spatele căruia patru cartonașe pastelate sunt singurul accent luminos pe un fundal de pereți gri reci și o singură urmă făcută cu un marker indigo.