Flying Papers
Rrëfim në një karikaturë të së shtunës në mëngjes
Flying Papers funksionon si një vizatim i së shtunës në mëngjes, i shtypur në letër të trashë rizografi: një skenë e sheshtë, vjollcë e zbehtë, një sasi e vogël ngjyrash të ngopura, si konfeti, dhe shkronja aq të mëdha sa zënë të gjithë zonën e shikimit. Marka është e zhurmshme, e guximshme dhe pa kompromis - nuk kërkon vëmendje, por e tërheq atë. Çdo ekran është menduar të ndihet si një poster i vetëm, i guximshëm: një titull dominues, një ilustrim personazhi, një veprim në tekst dhe shumë hapësirë të bardhë. Kornizat bëjnë pjesën më të madhe të punës, duke zëvendësuar hijet; ngjyra përdoret si bojë, jo si të dhëna. Sipërfaqet mbeten të sheshta, skajet mbahen të mprehta në 6px, dhe e vetmja pikë e dobët në sistem është tableta 100px në butonin e daljes.
Paraqitjet e posterave në ekran të plotë pa kufizime në gjerësinë maksimale. Çdo ekran është një kompozim i vetëm me madhësinë e dritares së shikimit: një titull masiv ObsiverbleVariable, i qendërzuar ose i rreshtuar majtas, një ilustrim i vetëm maskote që mbivendos tekstin dhe një veprim i vogël brenda rreshtit më poshtë. Seksionet nuk alternojnë midis ngjyrave të çelëta dhe të errëta - e gjithë faqja është e vendosur në një kanavacë Twilight Purple, e mbuluar me karta me ngjyra të ngurta. Navigimi është një logo e vetme e qendruar, pa një shirit menuje. Kartat janë të rregulluara në një paraqitje të lirshme 2-3 kolonash me ndarje të bollshme; madhësitë e kartave përcaktohen nga përmbajtja në vend që të jenë uniforme. Dendësia është ekstreme: një ide për ekran, e rrethuar nga një hapësirë frymëmarrjeje vjollcë.
Vetëm ilustrime—pa fotografi, renderime 3D ose gradiente abstrakte. Gjuha vizuale është një stil vizatimor i vizatuar me dorë me konture të trasha të zeza (2–3px), mbushje të sheshta me 2–3 ngjyra dhe pa hijezim. Personazhet janë maskota që bashkëveprojnë me shkronjën (duke parë me kujdes, duke u mbështetur ose duke qëndruar mbi të). Ikonat vizatohen me vija të zeza (të pastra) ose të bardha (të kockave), me një gjerësi vije prej 1.5–2px. Imazhet krijojnë kryesisht një atmosferë dekorative, pa shpjeguar kurrë—shkronja përcjell mesazhin, personazhi përcjell atmosferën.
Paletë
Markë
- Dusk Violet
#8584bd— Kanavaca kryesore dhe sfondi kryesor janë skena në të cilën shfaqen të gjitha ngjyrat e tjera. - Hi-Vis Yellow
#f4ed36— E verdha përdoret për të nxjerrë në pah skicat e veprimeve, etiketat e lidhjeve dhe elementët interaktivë. Nuk duhet të përdoret si ngjyra kryesore për thirrjet për veprim. - Buttery Yellow
#f9cc73— Teksti shtesë në ekran dhe kufijtë më të butë ofrojnë një interpretim më delikat të ngjyrës reflektuese për situatat ku ngjyra reflektuese do të ishte e tepërt. - Lilac Shadow
#61609a— Sfondet e kartave dhe blloqeve janë një vjollcë më e thellë për sipërfaqet e ndërthurura në një skenë vjollcë.
Neutral
- Bubblegum Pink
#f8c1ba— Bordurat dekorative dhe thekset me konfeti janë një rozë e ngrohtë e përdorur me moderim për të krijuar një shkëlqim ngjyre. - Matcha Cream
#b5c995— Kornizat dekorative dhe thekset me konfeti u japin një nuancë të gjelbër të pluhurosur personazheve mbështetës të kartolinës. - Magenta Punch
#ac4f98— Sipërfaqe shtesë për kartat e theksit - e projektuar për blloqe efektesh që duhet të tingëllojnë më fort se skena. - Firecracker Red
#c94245— Mbushje e kuqe për të nxjerrë në pah sfondin, vija dekorative dhe theks i butë pas përmbajtjes. - Bone White
#f9f5f2— Kufij të hollë, ndarës, konture të fushave të hyrjes dhe skaje të kartave në sipërfaqe të çelëta. Shmangni përdorimin e kësaj ngjyre si ngjyrë kryesore për butonat e thirrjes për veprim. - Ink Black
#1a1a1a— Teksti kryesor, kufijtë kryesorë dhe konturet e butonave janë me ngjyrë pothuajse të zezë që përdoret për punë tipografike në sipërfaqe krem.
Tipografi
nga 10 në 341px · 8 hapa
- ObviouslyVariable — zëvendësim: Founders Grotesk Condensed · skica 800, 900 · Kjo familje fontesh për tituj dhe printime të mëdha është i vetmi font mjaftueshëm i fuqishëm për këtë sistem. Madhësitë variojnë nga 18px për tekstin e trupit deri në 341px për shfaqjen e posterit. Hapësira e ngushtë midis rreshtave prej 0.80–1.00 lejon që titujt me shumë rreshta të shfaqen si blloqe të plota me ngjyra; funksioni Calt është i çaktivizuar, kështu që format e gjera gjeometrike mbeten pa zbukurime. Alternativat: Themeluesit Grotesk Condensed, Knockout ose Druk Wide.
- DegularVariable — zëvendësim: Inter · skica 400 · Tekst ultra i vogël për ndërfaqen e përdoruesit—navigim, mikrokopjim i fundit të faqes dhe etiketa të integruara me madhësi 10 px. Një font neutral dhe i gjithanshëm që përzihet pa probleme me tekstin kryesor. Zëvendësime: Inter, IBM Plex Sans.
- bergen_monoregular — zëvendësim: JetBrains Mono · skica 400, 600 · Një mikrofont me hapësirë të vetme për navigim, etiketa dhe etiketa të vogla të të dhënave krijon një ritëm makine shkrimi në një ekran të rrumbullakosur. Hapësira prej 0.80 rreshtash në fontin me hapësirë të vetme është një veçori dalluese: një font me hapësirë të vetme të vendosur fort ndihet si një faturë. Alternativat: JetBrains Mono, IBM Plex Mono.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 17px |
| Rrezja e butonit | 100px |
| Rrezja e kartës | 6px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 40px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Flying Papers dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Navigate — Një set i madh ngjitësish të bashkangjitura në një tabelë: font i madh grotesk, të gjitha në formën e tabletave dhe pesë ikona shumëngjyrëshe, që përsëriten si një logo
- Hatch — Një dizajn i vizatuar me dorë, në stilin samizdat, i përzier me tasa karamelesh pastel. Një kanavacë letre kremoze e zbukuruar me detaje menteje, pika konfeti dhe thirrje për veprim në formë pilule, ku një font i madh serif i theksuar lë të kuptohet për argëtim, dhe një maskota blu shkel me sy në cep.
- Wonder — Qendra e komandës me ngjyrë vjollcë neoni është një errësirë e thellë kumbulle e shpuar nga një burim i vetëm drite lazer-vjollcë.
- Duolingo — Maskota e klasës së gjallë në letër të bardhë
- Family — Një përhapje nga një përrallë në pergamenë kremi
- Visitors — vizatim inxhinierik i bardhë
- Say Briefly — Bllok skicash i agjencisë krijuese në letër krem
- Superpower — Qendra e Menaxhimit të Shëndetit Biolumineshent
- Dopper — Një lagunë kremoze, e mbuluar nga dielli, me një rrymë blu të gjallë. Një hapësirë e ngrohtë, bezhë ku një kanal i vetëm blu i ndritshëm dhe letra kristalore, si karamele, e presin hapësirën si rrezet e diellit mbi ujë.
- Dock — Letër krem e ndriçuar nga dielli, puls kobalti
- Portrait — Një mur kujtimesh, të kapura me fotografi Polaroid në letër ngjyrë krem. Një album i ndritshëm me ngjyrë krem, ku boja blu e errët shërben si teksti i vetëm, vijat e vetme të strukturës dhe ngjyra e vetme e kornizës - me një ylber të vetëm të vizatuar me dorë që shfaqet një herë, në butonin "Regjistrohu" dhe në fjalën e shkruar në italik "përgjithmonë", dhe kurrë më.
- Quizlet — Klasa është e dekoruar me një larmi ngjyrash në një sfond të bardhë - një tavolinë e qetë, pas së cilës katër karta pastel janë i vetmi theks i ndritshëm në një sfond me mure gri të ftohtë dhe një shenjë të vetme të bërë me një shënues indigo.