Flying Papers
Vallomás szombat reggel rajzfilmben
A Flying Papers úgy működik, mint egy szombat reggeli rajzfilm vastag rizográfpapírra nyomtatva: egy lapos, visszafogott lila jelenet, telített, konfettiszerű színek özöne, és olyan nagy betűméret, hogy elfoglalja a teljes képernyőt. A márkaépítés harsány, merész és kompromisszummentes – nem követeli meg a figyelmet, hanem vonzza. Minden képernyőnek egyetlen, merész plakátnak kell tűnnie: egy domináns címsor, egy karakterillusztráció, egy szöveges művelet és rengeteg üres hely. A keretek végzik a munka nagy részét, az árnyékokat helyettesítik; a színt festékként használják, nem adatként. A felületek síkok maradnak, az élek élesek maradnak 6 képpontos felbontásban, és a rendszer egyetlen gyenge pontja a kilépés gombon lévő 100 képpontos tabletta.
Teljes képernyős poszterelrendezések maximális szélességkorlátozás nélkül. Minden képernyő egyetlen, a nézetablak méretével megegyező kompozíció: egy hatalmas ObservallyVariable címsor, középre vagy balra igazítva, egyetlen kabalafigura illusztráció átfedésben a szöveggel, és egy kis beágyazott művelet alatta. A szakaszok nem váltakoznak a világos és sötét színek között – az egész oldal egy Alkonyatlila vásznon helyezkedik el, tetején egyszínű kártyákkal. A navigáció egyetlen középre igazított logó, menüsor nélkül. A kártyák laza, 2-3 hasábos elrendezésben vannak elrendezve, nagyvonalú kötőelemekkel; a kártyák méretét a tartalom határozza meg, nem pedig az egységesség. A sűrűség extrém: képernyőnként egy ötlet, lila légzőtérrel körülvéve.
Csak illusztrációk – nincsenek fényképek, 3D-s renderelések vagy absztrakt színátmenetek. A vizuális nyelv kézzel rajzolt rajzfilmstílusú, vastag fekete körvonalakkal (2–3 képpont), 2-3 színű lapos kitöltésekkel és árnyékolás nélkül. A karakterek kabalák, akik interakcióba lépnek a betűtípussal (kikukucskálnak, nekidőlnek vagy ráállnak a betűre). Az ikonokat fekete (Pure) vagy fehér (Bone) vonalakkal rajzolják, 1,5–2 képpontos vonalvastagsággal. A képek elsősorban dekoratív hangulatot teremtenek, soha nem magyaráznak – a betűtípus közvetíti az üzenetet, a karakter a hangulatot.
Paletta
Márka
- Dusk Violet
#8584bd— A fő vászon és a fő háttér az a színpad, amelyen az összes többi szín megjelenik. - Hi-Vis Yellow
#f4ed36— A sárga színt a műveletek körvonalainak, linkcímkéknek és interaktív elemeknek a kiemelésére használjuk. Nem szabad elsődleges színként használni a cselekvésre ösztönzésekhez. - Buttery Yellow
#f9cc73— A képernyőn megjelenő további szöveg és a lágyabb szegélyek finomabb megközelítést kínálnak a fényvisszaverő színekhez olyan helyzetekben, ahol a fényvisszaverő színek túlzottak lennének. - Lilac Shadow
#61609a— A kártya és blokk hátterek mélyebb lilák a lila színpadon lévő beágyazott felületek esetében.
Semleges
- Bubblegum Pink
#f8c1ba— A dekoratív szegélyek és a konfetti díszítések meleg rózsaszínűek, mértékkel használva, hogy színpompát hozzanak létre. - Matcha Cream
#b5c995— A díszes szegélyek és a konfetti díszítések poros zöld árnyalatot kölcsönöznek a kártya mellékszereplőinek. - Magenta Punch
#ac4f98— Kiegészítő felület hangsúlykártyáknak - olyan effektblokkokhoz tervezve, amelyeknek hangosabbnak kell lenniük, mint a színpad. - Firecracker Red
#c94245— Piros kitöltés a háttér kiemeléséhez, dekoratív csíkok és lágy hangsúly a tartalom mögött. - Bone White
#f9f5f2— Vékony szegélyek, elválasztók, beviteli mező körvonalai és kártyák szélei világos felületeken. Kerüld ennek a színnek a használatát elsődleges színként a cselekvésre ösztönző gomboknál. - Ink Black
#1a1a1a— A fő szöveg, a fő szegélyek és a gombok körvonalai majdnem fekete színűek, amelyeket krémszínű felületeken történő tipográfiai munkákhoz használnak.
Tipográfia
10-től 341 képpontig · 8 lépésben
- ObviouslyVariable — csere: Founders Grotesk Condensed · körvonalak 800, 900 · Ez a betűtípuscsalád címsorokhoz és nagyméretű nyomtatott betűkhöz az egyetlen, amely elég hangos ehhez a rendszerhez. A méretek 18 képponttól (törzsszöveg) 341 képpontig (poszterek) terjednek. A szoros, 0,80–1,00 közötti sorköz lehetővé teszi a többsoros címsorok egyszínű blokkokként való megjelenítését; a Calt funkció le van tiltva, így a széles geometriai alakzatok díszítetlenek maradnak. Alternatívák: Founders Grotesk Condensed, Knockout vagy Druk Wide.
- DegularVariable — csere: Inter · körvonalak 400 · Ultrakicsi felhasználói felületi szöveg – navigáció, lábléc mikromásolása és beágyazott címkék 10 képpont méretben. Semleges, sokoldalú betűtípus, amely zökkenőmentesen illeszkedik a szövegtörzshöz. Helyettesítők: Inter, IBM Plex Sans.
- bergen_monoregular — csere: JetBrains Mono · körvonalak 400, 600 · A navigációhoz, címkékhez és kis adatfeliratokhoz használt, fix szélességű mikrobetűtípus írógép-ritmust kölcsönöz a lekerekített képernyőnek. A fix szélességű betűtípus 0,80-as sortávolsága egy jellegzetes jellemző: a szorosan elhelyezett, fix szélességű betűtípus nyugtára hasonlít. Alternatívák: JetBrains Mono, IBM Plex Mono.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 17px |
| Gomb sugara | 100px |
| Kártya sugara | 6px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 40px |
A mesterséges intelligencia Flying Papers stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Navigate — Egy nagy matricakészlet egy táblára ragasztva: nagy, groteszk betűtípus, mindegyik tabletta formájában, és öt többszínű ikon, amelyek logóként ismétlődnek.
- Hatch — Kézzel rajzolt, szamizdat stílusú dizájn pasztellszínű cukorkás tálakkal keverve. Krémszínű papírvászon menta színű díszítéssel, konfetti pöttyökkel és pirula alakú cselekvésre ösztönzésekkel, ahol a nagy, vastag talpú betűtípus a mókára utal, a sarokban pedig egy kék kabalafigurát láthatunk.
- Wonder — A neonlila parancsnoki központ mély szilvazöld sötétség, amelyet egyetlen lézeribolya fényforrás hasít át.
- Duolingo — Játékos osztály kabalafigura fehér papíron
- Family — Egy meséből származó kép krémszínű pergamenre nyomtatva
- Visitors — fehér mérnöki rajz
- Say Briefly — Kreatív ügynökségi vázlatfüzet krémszínű papíron
- Superpower — Biolumineszcens Egészségügyi Menedzsment Központ
- Dopper — Egy napsütötte, krémszínű lagúna élénk kék áramlattal. Egy meleg, bézs színű kiterjedés, ahol egyetlen, élénkkék csatorna és kristálytiszta, cukorkaszerű kártyák szelik át a teret, mint a napfény a vizet.
- Dock — Napfényes krémpapír, kobaltpulzus
- Portrait — Egy emlékfal, polaroidokkal krémszínű papírra rögzítve. Egy élénk, krémszínű scrapbook, ahol a sötétkék tinta az egyetlen szöveg, az egyetlen szerkezeti vonalak és az egyetlen keretszín – egyetlen kézzel rajzolt szivárvánnyal, amely egyszer jelenik meg, a „Regisztráció” gombon és a dőlt „örökké” szón, majd soha többé.
- Quizlet — A tanterem fehér háttér előtt változatos színekkel díszített – egy csendes íróasztal mögött négy pasztellszínű kártya az egyetlen élénk árnyalat a hűvös szürke falak és egyetlen indigófilccel rajzolt vonal hátterében.