Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukframkallareUtvecklar AI-verktyg för företag. Högkvalitativt. Prisvärt.Skriv i Telegram
Flying Papers — en förhandsvisning av en webbplats i den här stilen

Flying Papers

Bekännelse på en lördagsmorgon-tecknad film

Flying Papers fungerar som en lördagsmorgonstecknad film tryckt på tungt risografpapper: en platt, dämpad lila scen, en gnutta mättade, konfettiliknande färger och text så stor att den upptar hela visningsytan. Varumärkesbyggandet är tydligt, djärvt och kompromisslöst – det kräver inte uppmärksamhet, men drar till sig den. Varje skärm är tänkt att kännas som en enda, djärv affisch: en dominerande rubrik, en karaktärsillustration, en handling i texten och gott om vitt utrymme. Ramar gör huvuddelen av arbetet och ersätter skuggor; färg används som färg, inte data. Ytorna förblir plana, kanterna hålls skarpa på 6px, och den enda svagheten i systemet är 100px-pillret på utgångsknappen.

Helskärmslayouter för posters utan begränsningar för maximal bredd. Varje skärm är en enda komposition i samma storlek som visningsporten: en massiv ObviouslyVariable-titel, centrerad eller vänsterjusterad, en enda maskotillustration som överlappar texten och en liten inline-funktion nedanför. Sektioner växlar inte mellan ljusa och mörka färger – hela sidan är upplagd på en Twilight Purple-duk, toppad med enfärgade kort. Navigeringen är en enda centrerad logotyp, utan menyrad. Korten är arrangerade i en lös layout med 2–3 kolumner med generösa mellanrum; kortstorlekarna bestäms av innehållet snarare än att vara enhetliga. Tätheten är extrem: en idé per skärm, omgiven av lila andrum.

Endast illustrationer – inga fotografier, 3D-renderingar eller abstrakta gradienter. Det visuella språket är en handritad tecknad stil med tjocka svarta konturer (2–3px), platta fyllningar i 2–3 färger och ingen skuggning. Karaktärerna är maskotar som interagerar med typsnittet (kikar ut, lutar sig mot eller står på bokstaven). Ikoner ritas med svarta (Pure) eller vita (Bone) linjer, med en linjebredd på 1,5–2px. Bilderna skapar främst en dekorativ atmosfär, aldrig förklarande – typsnittet förmedlar budskapet, karaktären förmedlar stämningen.

Palett

Stämpla

  • Dusk Violet #8584bd — Huvudduken och huvudbakgrunden är scenen där alla andra färger visas.
  • Hi-Vis Yellow #f4ed36 — Gult används för att markera handlingskonturer, länketiketter och interaktiva element. Det bör inte användas som primärfärg för uppmaningar till handling.
  • Buttery Yellow #f9cc73 — Ytterligare text på skärmen och mjukare ramar ger en mer subtil tolkning av reflekterande färger i situationer där reflekterande färger skulle vara överdrivna.
  • Lilac Shadow #61609a — Kort- och blockbakgrunder har en mörkare lila färg för kapslade ytor på en lila scen.

Neutral

  • Bubblegum Pink #f8c1ba — Dekorativa kanter och konfettiaccenter har en varm rosa nyans som används med måtta för att skapa en färgklick.
  • Matcha Cream #b5c995 — Dekorativa kanter och konfettidetaljer ger en dammgrön nyans åt kortets bifigurer.
  • Magenta Punch #ac4f98 — Extra yta för accentkort – utformad för effektblock som ska låta högre än scenen.
  • Firecracker Red #c94245 — Röd fyllning för att framhäva bakgrunden, dekorativa ränder och mjuka accenter bakom innehållet.
  • Bone White #f9f5f2 — Tunna ramar, avdelare, konturer för inmatningsfält och kortkanter på ljusa ytor. Undvik att använda denna färg som primärfärg för uppmaningsknappar.
  • Ink Black #1a1a1a — Huvudtexten, huvudkanterna och knappkonturerna har en nästan svart färg som används för typografiskt arbete på krämfärgade ytor.

Typografi

från 10 till 341px · 8 steg

  • ObviouslyVariable — ersättning: Founders Grotesk Condensed · konturer 800, 900 · Denna typsnittsfamilj för rubriker och stor text är det enda typsnittet som är tillräckligt högljutt för detta system. Storlekarna varierar från 18px för brödtext till 341px för affischer. Ett snävt radavstånd på 0,80–1,00 gör att rubriker med flera rader kan visas som heldragna färgblock; Calt-funktionen är inaktiverad, så breda geometriska former förblir oprydda. Alternativ: Founders Grotesk Condensed, Knockout eller Druk Wide.
  • DegularVariable — ersättning: Inter · konturer 400 · Ultraliten UI-text – navigering, mikrokopia i sidfoten och inbäddade etiketter på 10px. Ett neutralt, mångsidigt teckensnitt som smälter in sömlöst med brödtexten. Ersättare: Inter, IBM Plex Sans.
  • bergen_monoregular — ersättning: JetBrains Mono · konturer 400, 600 · Ett mikrofont med fast radavstånd för navigering, taggar och små dataetiketter skapar en skrivmaskinsrytm mot en rundad skärm. Radavståndet på 0,80 i det fasta radavståndet är ett kännetecken: ett tätt placerat teckensnitt med fast radavstånd känns som ett kvitto. Alternativ: JetBrains Mono, IBM Plex Mono.

Intervaller och form

ÄndamålMenande
Densitettät
Grundläggande steg17px
Knappradie100px
Kortradie6px
Skuggoringa gränser istället för skuggor
Mellan sektioner40px

AI kommer att bygga din webbplats i Flying Papers -stil och fylla den

  • Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
  • Överför innehåll från din gamla webbplats – ange bara adressen.
  • Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
  • Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.

Liknande stilar

  • Navigate — En stor uppsättning klistermärken fästa på en bräda: stort groteskt typsnitt, alla i form av surfplattor och fem flerfärgade ikoner, upprepade som en logotyp
  • Hatch — En handritad design i samizdat-stil blandad med pastellfärgade godisskålar. En krämig pappersduk prydd med mintgrönt accenter, konfettiprickar och pillerformade uppmaningar till handling, där ett stort, djärvt serif-typsnitt antyder skoj och en blå maskot blinkar i hörnet.
  • Wonder — Den neonlila kommandocentralen är ett djupt plommonmörker genomborrat av en enda laserviolett ljuskälla.
  • Duolingo — Lekfull klassmaskot på vitt papper
  • Family — Ett uppslag från en saga på gräddepergament
  • Visitors — vit teknisk ritning
  • Say Briefly — Skissblock för kreativ byrå på krämfärgat papper
  • Superpower — Bioluminiserande hälsovårdscentral
  • Dopper — En soldränkt, krämig lagun med en vibrerande blå ström. En varm, beige vidd där en enda, klarblå kanal och kristallklara, godisliknande kort skär genom rymden likt solljus på vatten.
  • Dock — Solbelyst krämpapper, koboltpuls
  • Portrait — En vägg av minnen, fångad i Polaroidbilder på krämfärgat papper. En ljus, krämfärgad scrapbooking där mörkblått bläck fungerar som enda text, enda strukturlinjer och enda ramfärg – med en enda handritad regnbåge som visas en gång, på knappen "Registrera" och på det kursiverade ordet "för alltid", och aldrig mer.
  • Quizlet — Klassrummet är inrett i en mängd olika färger mot en vit bakgrund – ett tyst skrivbord, bakom vilket fyra pastellkort är den enda ljusa accenten mot en bakgrund av svala grå väggar och ett enda streck gjort med en indigo-penna.