Flying Papers
Pagtatapat sa isang Cartoon ng Sabado ng Umaga
Ang Flying Papers ay gumagana na parang isang kartun tuwing Sabado ng umaga na nakalimbag sa makapal na papel na risograph: isang patag, mahinang lilang eksena, kaunting saturated na kulay na parang confetti, at napakalaki ng tipo na kumukuha sa lugar na tinitingnan. Ang branding ay maingay, matapang, at walang kompromiso—hindi ito humihingi ng atensyon, ngunit umaakit dito. Ang bawat screen ay ginawa para magmukhang isang iisang matapang na poster: isang nangingibabaw na headline, isang ilustrasyon ng karakter, isang aksyon sa teksto, at maraming puting espasyo. Ang mga frame ang gumagawa ng karamihan ng trabaho, pinapalitan ang mga anino; ang kulay ay ginagamit bilang pintura, hindi ang data. Ang mga ibabaw ay nananatiling patag, ang mga gilid ay pinapanatiling matalas sa 6px, at ang tanging malambot na bahagi sa sistema ay ang 100px na pill sa exit button.
Mga layout ng full-screen poster na walang mga limitasyon sa maximum na lapad. Ang bawat screen ay isang komposisyon na kasinlaki ng viewport: isang napakalaking pamagat na ObviouslyVariable, nakasentro o naka-align sa kaliwa, isang ilustrasyon ng mascot na nagpapatong-patong sa teksto, at isang maliit na inline na aksyon sa ibaba. Ang mga seksyon ay hindi nagpapalit-palit sa pagitan ng matingkad at madilim na kulay—ang buong pahina ay nakalagay sa isang Twilight Purple canvas, na may mga solidong kulay na card sa ibabaw. Ang nabigasyon ay isang logo na nakasentro sa iisang gitna, walang menu bar. Ang mga card ay nakaayos sa isang maluwag na layout na 2-3-column na may malalaking gutter; ang mga laki ng card ay tinutukoy ng nilalaman sa halip na maging pare-pareho. Ang densidad ay sukdulan: isang ideya bawat screen, na napapalibutan ng lilang espasyo sa paghinga.
Mga ilustrasyon lamang—walang mga litrato, 3D render, o abstract gradients. Ang visual na wika ay isang iginuhit na istilo ng cartoon na may makakapal na itim na balangkas (2–3px), mga patag na fill na may 2–3 kulay, at walang shading. Ang mga karakter ay mga mascot na nakikipag-ugnayan sa typeface (nakasilip, nakasandal, o nakatayo sa letra). Ang mga icon ay iginuguhit gamit ang mga itim (Pure) o puting (Bone) na linya, na may lapad ng linya na 1.5–2px. Ang mga imahe ay pangunahing lumilikha ng isang pandekorasyon na kapaligiran, hindi kailanman nagpapaliwanag—ang typeface ang naghahatid ng mensahe, ang karakter ang naghahatid ng mood.
Paleta
Tatak
- Dusk Violet
#8584bd— Ang pangunahing canvas at ang pangunahing background ang entablado kung saan lumilitaw ang lahat ng iba pang mga kulay. - Hi-Vis Yellow
#f4ed36— Ginagamit ang dilaw upang i-highlight ang mga balangkas ng aksyon, mga label ng link, at mga interactive na elemento. Hindi ito dapat gamitin bilang pangunahing kulay para sa mga panawagan para sa aksyon. - Buttery Yellow
#f9cc73— Ang karagdagang teksto sa screen at mas malalambot na mga border ay nag-aalok ng mas banayad na paggamit ng mapanimdim na kulay para sa mga sitwasyon kung saan ang mapanimdim na kulay ay magiging labis. - Lilac Shadow
#61609a— Mas matingkad na lila ang kulay ng card at block background para sa mga nested surface sa isang lilang entablado.
Neutral
- Bubblegum Pink
#f8c1ba— Ang mga pandekorasyon na hangganan at mga accent ng confetti ay isang mainit na rosas na ginagamit nang katamtaman upang lumikha ng isang pop ng kulay. - Matcha Cream
#b5c995— Ang mga pandekorasyon na hangganan at mga palamuting confetti ay nagbibigay ng maalikabok na berdeng kulay para sa mga sumusuportang karakter ng card. - Magenta Punch
#ac4f98— Karagdagang ibabaw para sa mga accent card - dinisenyo para sa mga effect block na dapat ay mas malakas ang tunog kaysa sa entablado. - Firecracker Red
#c94245— Pulang pintura upang i-highlight ang background, mga pandekorasyon na guhit, at banayad na diin sa likod ng nilalaman. - Bone White
#f9f5f2— Manipis na mga border, divider, outline ng input field, at mga gilid ng card sa mga mapuputing ibabaw. Iwasang gamitin ang kulay na ito bilang pangunahing kulay para sa mga button na call-to-action. - Ink Black
#1a1a1a— Ang pangunahing teksto, pangunahing mga hangganan, at mga balangkas ng mga butones ay halos itim na kulay na ginagamit para sa gawaing tipograpiya sa mga kremang ibabaw.
Tipograpiya
mula 10 hanggang 341px · 8 hakbang
- ObviouslyVariable — kapalit: Founders Grotesk Condensed · mga balangkas 800, 900 · Ang pamilya ng font na ito para sa mga headline at malalaking print ang tanging font na may sapat na lakas para sa sistemang ito. Ang mga sukat ay mula 18px para sa body text hanggang 341px para sa poster display. Ang masikip na line spacing na 0.80–1.00 ay nagbibigay-daan sa mga headline na may maraming linya na maipakita bilang mga solidong bloke ng kulay; ang Calt function ay hindi pinagana, kaya ang malalapad na geometric na hugis ay nananatiling walang palamuti. Mga Alternatibo: Founders Grotesk Condensed, Knockout, o Druk Wide.
- DegularVariable — kapalit: Inter · mga balangkas 400 · Napakaliit na teksto ng UI—nabigasyon, microcopy ng footer, at mga inline na label na nasa 10px. Isang neutral at maraming gamit na font na maayos na humahalo sa katawan ng teksto. Mga pamalit: Inter, IBM Plex Sans.
- bergen_monoregular — kapalit: JetBrains Mono · mga balangkas 400, 600 · Ang isang monospaced microfont para sa nabigasyon, mga tag, at maliliit na label ng data ay lumilikha ng ritmo ng makinilya laban sa isang bilugan na screen. Ang 0.80 line spacing sa monospaced font ay isang natatanging katangian: ang isang mahigpit na pagkakalagay na monospaced font ay parang isang resibo. Mga Alternatibo: JetBrains Mono, IBM Plex Mono.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | siksik |
| Pangunahing hakbang | 17px |
| Radius ng buton | 100px |
| Radius ng card | 6px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 40px |
Gagawa ang AI ng website mo sa estilong Flying Papers at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- Navigate — Isang malaking set ng mga sticker na nakakabit sa isang board: malaking grotesque na font, lahat ay nasa anyo ng mga tablet at limang icon na may iba't ibang kulay, na paulit-ulit na parang isang logo
- Hatch — Isang disenyong iginuhit ng kamay na istilong samizdat na hinaluan ng mga pastel na mangkok ng kendi. Isang kremang canvas na papel na pinalamutian ng mga mint accents, mga tuldok ng confetti, at mga panawagan para sa aksyon na hugis tableta, kung saan ang isang malaki at naka-bold na serif font ay nagpapahiwatig ng kasiyahan, at isang asul na maskot ang kumikislap sa sulok.
- Wonder — Ang neon purple command center ay isang malalim na kadiliman na puno ng plum na tinutusok ng iisang pinagmumulan ng laser-violet na liwanag.
- Duolingo — Mapaglarong maskot ng klase sa puting papel
- Family — Isang pagkalat mula sa isang kuwentong engkanto sa cream parchment
- Visitors — puting pagguhit ng inhinyero
- Say Briefly — Sketchbook ng creative agency sa kremang papel
- Superpower — Sentro ng Pamamahala ng Kalusugan na Bioluminescent
- Dopper — Isang maaraw at kremang lawa na may matingkad na asul na agos. Isang mainit at beige na kalawakan kung saan ang isang maliwanag na asul na kanal at mala-kristal na mala-kendi na mga baraha ay humahampas sa espasyo na parang sikat ng araw sa tubig.
- Dock — Papel na Krema na Naliliwanagan ng Araw, Cobalt Pulse
- Portrait — Isang pader ng mga alaala, na nakunan ng Polaroids sa kulay kremang papel. Isang matingkad at kulay kremang scrapbook kung saan ang maitim na asul na tinta ang nagsisilbing tanging teksto, tanging mga linya ng istruktura, at tanging kulay ng frame—na may iisang iginuhit na bahaghari na lumilitaw nang isang beses, sa buton na "Magrehistro" at sa naka-italiko na salitang "magpakailanman," at hindi na muling lilitaw.
- Quizlet — Ang silid-aralan ay pinalamutian ng iba't ibang kulay laban sa puting background - isang tahimik na mesa, kung saan apat na pastel card ang tanging matingkad na accent laban sa backdrop ng malamig na kulay abong mga dingding at isang marka na gawa sa indigo marker.