Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukudviklerUdvikling af AI-værktøjer til virksomheder. Høj kvalitet. Overkommelige priser.Skriv på Telegram
Flying Papers — en forhåndsvisning af et websted i denne stil

Flying Papers

Tegneserie om en tilståelse på en lørdag morgen

Flying Papers fungerer som en lørdag morgentegneserie trykt på kraftigt risografpapir: en flad, dæmpet lilla scene, en smule mættede, konfetti-lignende farver og skrift så stor, at den optager hele visningsområdet. Brandingen er tydelig, dristig og kompromisløs – den kræver ikke opmærksomhed, men tiltrækker den. Hver skærm er beregnet til at føles som en enkelt, dristig plakat: én dominerende overskrift, én karakterillustration, én handling i teksten og masser af hvid plads. Rammer gør størstedelen af arbejdet og erstatter skygger; farve bruges som maling, ikke data. Overfladerne forbliver flade, kanterne holdes skarpe på 6px, og det eneste svage punkt i systemet er 100px-pillen på exit-knappen.

Fuldskærms plakatlayouts uden maksimal breddebegrænsning. Hver skærm er en enkelt komposition på størrelse med viewporten: én massiv ObviouslyVariable-titel, centreret eller venstrejusteret, en enkelt maskotillustration, der overlapper teksten, og en lille indlejret handling nedenunder. Sektioner skifter ikke mellem lyse og mørke farver – hele siden er lagt ud på et Twilight Purple-lærred med ensfarvede kort ovenpå. Navigationen er et enkelt centreret logo uden en menulinje. Kortene er arrangeret i et løst layout med 2-3 kolonner med generøse indfælde; kortstørrelserne bestemmes af indholdet snarere end at være ensartede. Tætheden er ekstrem: én idé pr. skærm, omgivet af lilla åndedrætsrum.

Kun illustrationer – ingen fotografier, 3D-gengivelser eller abstrakte gradienter. Det visuelle sprog er en håndtegnet tegneseriestil med tykke sorte konturer (2-3px), flade udfyldninger i 2-3 farver og ingen skygger. Figurerne er maskotter, der interagerer med skrifttypen (kikker ud, læner sig op ad eller står på bogstavet). Ikoner tegnes med sorte (Pure) eller hvide (Bone) linjer med en linjebredde på 1,5-2px. Billederne skaber primært en dekorativ atmosfære, aldrig forklarende – skrifttypen formidler budskabet, figuren formidler stemningen.

Palet

Mærke

  • Dusk Violet #8584bd — Hovedlærredet og hovedbaggrunden er den scene, hvor alle andre farver vises.
  • Hi-Vis Yellow #f4ed36 — Gul bruges til at fremhæve handlingsoversigter, linketiketter og interaktive elementer. Den bør ikke bruges som primærfarve til opfordringer til handling.
  • Buttery Yellow #f9cc73 — Yderligere tekst på skærmen og blødere kanter giver en mere subtil fortolkning af reflekterende farver i situationer, hvor reflekterende farver ville være for meget.
  • Lilac Shadow #61609a — Kort- og blokbaggrunde er en dybere lilla til indbyggede overflader på en lilla scene.

Neutral

  • Bubblegum Pink #f8c1ba — Dekorative kanter og konfetti-accenter er en varm lyserød, der bruges med måde for at skabe et farvestrejf.
  • Matcha Cream #b5c995 — Dekorative kanter og konfetti-accenter giver en støvet grøn nuance til de sekundære figurer på kortene.
  • Magenta Punch #ac4f98 — Ekstra overflade til accentkort - designet til effektblokke, der skal lyde højere end scenen.
  • Firecracker Red #c94245 — Rød udfyldning for at fremhæve baggrunden, dekorative striber og bløde detaljer bag indholdet.
  • Bone White #f9f5f2 — Tynde rammer, skillevægge, inputfeltkonturer og kortkanter på lyse overflader. Undgå at bruge denne farve som primærfarve til call-to-action-knapper.
  • Ink Black #1a1a1a — Hovedteksten, hovedkanterne og knappernes omrids har en næsten sort farve, der bruges til typografisk arbejde på cremefarvede overflader.

Typografi

fra 10 til 341px · 8 trin

  • ObviouslyVariable — udskiftning: Founders Grotesk Condensed · konturer 800, 900 · Denne skrifttypefamilie til overskrifter og store bogstaver er den eneste skrifttype, der er høj nok til dette system. Størrelserne spænder fra 18px til brødtekst til 341px til plakatvisning. En kort linjeafstand på 0,80-1,00 tillader visning af overskrifter med flere linjer som solide farveblokke; Calt-funktionen er deaktiveret, så brede geometriske former forbliver upåvirkede. Alternativer: Founders Grotesk Condensed, Knockout eller Druk Wide.
  • DegularVariable — udskiftning: Inter · konturer 400 · Ultralille UI-tekst – navigation, mikrokopi af sidefod og indlejrede etiketter på 10px. En neutral, alsidig skrifttype, der passer problemfrit ind i brødteksten. Erstatninger: Inter, IBM Plex Sans.
  • bergen_monoregular — udskiftning: JetBrains Mono · konturer 400, 600 · En mikrofont med monospace til navigation, tags og små dataetiketter skaber en skrivemaskinerytme mod en afrundet skærm. Linjeafstanden på 0,80 i den monospacede skrifttype er et karakteristisk træk: en tæt placeret monospaced skrifttype føles som en kvittering. Alternativer: JetBrains Mono, IBM Plex Mono.

Intervaller og form

FormålMening
Tæthedtæt
Grundlæggende trin17px
Knapradius100px
Kortradius6px
Skyggeringen grænser i stedet for skygger
Mellem sektioner40px

AI vil bygge din hjemmeside i Flying Papers -stil og udfylde den

  • Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
  • Overfør indhold fra dit gamle websted – angiv blot adressen.
  • Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
  • Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.

Lignende stilarter

  • Navigate — Et stort sæt klistermærker fastgjort til en tavle: stor grotesk skrifttype, alle i form af tablets og fem flerfarvede ikoner, der gentages som et logo
  • Hatch — Et håndtegnet design i samizdat-stil blandet med pastelfarvede slikskåle. Et cremet papirlærred udsmykket med mintgrønne accenter, konfettiprikker og pilleformede opfordringer til handling, hvor en stor, fed serif-skrifttype antyder sjov, og en blå maskot blinker i hjørnet.
  • Wonder — Det neonlila kommandocenter er et dybt blommemørke gennemboret af en enkelt laserviolet lyskilde.
  • Duolingo — Legesyg klassemaskot på hvidt papir
  • Family — Et opslag fra et eventyr på flødepergament
  • Visitors — hvid ingeniørtegning
  • Say Briefly — Kreativt bureau skitseblok på cremefarvet papir
  • Superpower — Center for bioluminerende sundhedsstyring
  • Dopper — En solbeskinnet, cremet lagune med en livlig blå strøm. En varm, beige vidde, hvor en enkelt, klar blå kanal og krystalklare, sliklignende kort skærer gennem rummet som sollys på vand.
  • Dock — Solbelyst cremefarvet papir, koboltpuls
  • Portrait — En væg af minder, fanget i Polaroid-billeder på cremefarvet papir. En lys, cremefarvet scrapbog, hvor mørkeblå blæk fungerer som den eneste tekst, de eneste strukturlinjer og den eneste rammefarve – med en enkelt håndtegnet regnbue, der vises én gang, på "Registrer"-knappen og på det kursiverede ord "for evigt" og aldrig igen.
  • Quizlet — Klasseværelset er indrettet i en række farver mod en hvid baggrund - et stille skrivebord, bag hvilket fire pastelkort er den eneste klare accent mod en baggrund af kølige grå vægge og et enkelt mærke lavet med en indigo tusch.