Flying Papers
Tunnustus lauantaiaamun sarjakuvana
Flying Papers toimii kuin lauantaiaamun sarjakuva, joka on painettu paksulle risografiapaperille: tasainen, hillityn violetti kohtaus, ripaus kylläisiä, konfettimaisia värejä ja niin suurikokoinen kirjasin, että se täyttää koko katselualueen. Brändäys on voimakas, rohkea ja tinkimätön – se ei vaadi huomiota, vaan vetää sitä puoleensa. Jokaisen näytön on tarkoitus tuntua yhdeltä, rohkealta julisteelta: yksi hallitseva otsikko, yksi hahmon kuva, yksi toiminto tekstissä ja runsaasti tyhjää tilaa. Kehykset tekevät suurimman osan työstä korvaamalla varjot; väriä käytetään maalina, ei datana. Pinnat pysyvät tasaisina, reunat pidetään terävinä 6 pikselin tarkkuudella, ja järjestelmän ainoa heikkous on poistumispainikkeen 100 pikselin tabletti.
Koko näytön julisteasettelut ilman enimmäisleveysrajoituksia. Jokainen näyttö on yksittäinen, näyttöalueen kokoinen sommitelma: yksi massiivinen ObligatedVariable-otsikko, keskitettynä tai vasemmalle tasattuna, yksi maskottikuva tekstin päällä ja pieni riviin upotettu toiminto sen alla. Osiot eivät vaihtele vaaleiden ja tummien värien välillä – koko sivu on aseteltu hämärän violetille kankaalle, jonka päällä on yksivärisiä kortteja. Navigointi on yksi keskitetty logo ilman valikkoriviä. Kortit on järjestetty löyhään 2–3 sarakkeen asetteluun, jossa on reilut sisävälit; korttien koot määräytyvät sisällön mukaan eivätkä ole yhdenmukaisia. Tiheys on äärimmäinen: yksi idea näyttöä kohden, jota ympäröi violetti hengitystila.
Vain kuvituksia – ei valokuvia, 3D-renderöintejä tai abstrakteja liukuvärejä. Visuaalinen kieli on käsin piirrettyä sarjakuvatyyliä, jossa on paksut mustat ääriviivat (2–3 pikseliä), 2–3 värin täytöt ja ei varjostusta. Hahmot ovat maskotteja, jotka ovat vuorovaikutuksessa kirjasintyypin kanssa (kurkistavat ulos, nojaavat siihen tai seisovat sen päällä). Kuvakkeet on piirretty mustilla (Pure) tai valkoisilla (Bone) viivoilla, joiden viivan leveys on 1,5–2 pikseliä. Kuvat luovat ensisijaisesti koristeellisen tunnelman, eivätkä koskaan selitä – kirjasintyyppi välittää viestin, hahmo tunnelman.
Paletti
Merkki
- Dusk Violet
#8584bd— Pääkangas ja päätausta ovat lava, jolla kaikki muut värit näkyvät. - Hi-Vis Yellow
#f4ed36— Keltaista käytetään korostamaan toimintojen ääriviivoja, linkkien otsikoita ja interaktiivisia elementtejä. Sitä ei tule käyttää ensisijaisena värinä toimintakehotuksissa. - Buttery Yellow
#f9cc73— Näytöllä näkyvä lisäteksti ja pehmeämmät reunat tarjoavat hienovaraisemman näkökulman heijastavaan väriin tilanteissa, joissa heijastava väri olisi liioittelua. - Lilac Shadow
#61609a— Korttien ja lohkojen taustat ovat syvemmän violetteja sisäkkäisille pinnoille violetilla alustalla.
Neutraali
- Bubblegum Pink
#f8c1ba— Koristeelliset reunukset ja konfettiaksentit ovat lämpimän vaaleanpunaisia, joita käytetään kohtuudella väripilkun luomiseksi. - Matcha Cream
#b5c995— Koristeelliset reunukset ja konfettikoristeet antavat kortin sivuhahmoille pölyisen vihreän sävyn. - Magenta Punch
#ac4f98— Lisäpinta tehostekorteille - suunniteltu efektiblokeille, joiden tulisi kuulostaa lavaa voimakkaammalta. - Firecracker Red
#c94245— Punainen täyttö korostaa taustaa, koristeellisia raitoja ja pehmeää aksenttia sisällön takana. - Bone White
#f9f5f2— Ohuet reunukset, väliseinät, syöttökenttien ääriviivat ja korttien reunat vaaleilla pinnoilla. Vältä tämän värin käyttämistä toimintakehotuspainikkeiden päävärinä. - Ink Black
#1a1a1a— Pääteksti, pääreunat ja painikkeiden ääriviivat ovat lähes mustaa väriä, jota käytetään typografisessa työssä kermanvärisillä pinnoilla.
Typografia
10:stä 341 pikseliin · 8 vaihetta
- ObviouslyVariable — korvaava: Founders Grotesk Condensed · ääriviivat 800, 900 · Tämä otsikoille ja suurille tulosteille tarkoitettu fonttiperhe on ainoa fontti, joka on tarpeeksi selkeä tälle järjestelmälle. Koot vaihtelevat leipätekstin 18 pikselistä julisteiden 341 pikseliin. Tiukka riviväli 0,80–1,00 mahdollistaa usean rivin otsikoiden näyttämisen yhtenäisinä värilohkoina; Calt-toiminto on poistettu käytöstä, joten leveät geometriset muodot pysyvät koristeettomina. Vaihtoehdot: Founders Grotesk Condensed, Knockout tai Druk Wide.
- DegularVariable — korvaava: Inter · ääriviivat 400 · Erittäin pieni käyttöliittymäteksti – navigointi, alatunnisteen mikrokopiointi ja rivikohtaiset otsikot 10 pikselin koossa. Neutraali, monipuolinen fontti, joka sulautuu saumattomasti leipätekstiin. Korvaavat fontit: Inter, IBM Plex Sans.
- bergen_monoregular — korvaava: JetBrains Mono · ääriviivat 400, 600 · Kiinteävälistetty mikrofontti navigointiin, tunnisteisiin ja pieniin datamerkintöihin luo kirjoituskoneen rytmin pyöreää näyttöä vasten. Kiinteävälisen fontin 0,80 rivinväli on tunnusomainen ominaisuus: tiiviisti aseteltu kiinteävälisinen fontti tuntuu kuitilta. Vaihtoehdot: JetBrains Mono, IBM Plex Mono.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | tiheä |
| Perusvaihe | 17px |
| Painikkeen säde | 100px |
| Kortin säde | 6px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 40px |
Tekoäly rakentaa verkkosivustosi Flying Papers -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- Navigate — Suuri joukko tarroja kiinnitettynä tauluun: suuri groteski fontti, kaikki tablettien muodossa ja viisi moniväristä kuvaketta, jotka toistuvat kuin logo
- Hatch — Käsin piirretty, samizdat-tyylinen kuosi yhdistettynä pastellisävyisiin karkkikulhoihin. Kermainen paperipohja, jota koristavat mintunvihreät yksityiskohdat, konfettipilkut ja pillerinmuotoiset toimintakehotukset, joissa suuri, rohkea serif-fontti vihjaa hauskanpitoon ja sininen maskotti iskee silmää nurkassa.
- Wonder — Neonvioletti komentokeskus on syvän luumunpunainen pimeys, jonka lävistää yksi laservioletti valonlähde.
- Duolingo — Leikkisä luokan maskotti valkoisella paperilla
- Family — Satuaiheinen levite kermanväriselle pergamentille
- Visitors — valkoinen tekninen piirustus
- Say Briefly — Luovan toimiston luonnoskirja kermanväriselle paperille
- Superpower — Bioluminesoiva terveydenhuollon keskus
- Dopper — Auringon paahtama, kermainen laguuni, jossa on eloisa sininen virtaus. Lämmin, beigenvärinen avaruus, jossa yksi, kirkkaansininen kanava ja kristallinkirkkaat, karkkimaiset kortit halkovat tilan kuin auringonvalo vedessä.
- Dock — Auringonvalossa kylpevä kermanvärinen paperi, kobolttipulssi
- Portrait — Polaroid-kuvilla kermanväriselle paperille tallennettu muistojen seinä. Kirkkaanvärinen, kermanvärinen leikekirja, jossa tummansininen muste toimii ainoana tekstinä, ainoina rakenneviivoina ja ainoana kehyksen värinä – ja yksi käsin piirretty sateenkaari ilmestyy kerran "Rekisteröidy"-painikkeeseen ja kursiivilla kirjoitettuun sanaan "ikuisesti", eikä enää koskaan.
- Quizlet — Luokkahuone on sisustettu useilla eri väreillä valkoista taustaa vasten – hiljainen pulpetti, jonka takana neljä pastelliväristä korttia ovat ainoa kirkas yksityiskohta viileän harmaan seinien ja indigotussilla tehdyn merkin taustalla.