Flying Papers
Geständnis in einem Samstagmorgen-Cartoon
Flying Papers wirkt wie ein Samstagmorgen-Cartoon, gedruckt auf dickem Risographpapier: eine flache, gedeckte violette Szene, vereinzelt leuchtende, konfettiartige Farben und eine so große Schrift, dass sie den gesamten Bildschirm ausfüllt. Das Branding ist laut, markant und kompromisslos – es drängt sich nicht auf, sondern zieht die Aufmerksamkeit auf sich. Jeder Bildschirm soll wie ein einzelnes, auffälliges Poster wirken: eine dominante Überschrift, eine Charakterillustration, eine Handlung im Text und viel Weißraum. Rahmen übernehmen den Großteil der Arbeit und ersetzen Schatten; Farbe wird wie Farbe, nicht wie Daten, verwendet. Oberflächen bleiben flach, Kanten sind mit 6 Pixeln scharf, und die einzige Schwachstelle im System ist die 100 Pixel große Markierung auf dem Beenden-Button.
Vollbild-Posterlayouts ohne maximale Breitenbeschränkung. Jede Seite besteht aus einer einzigen Komposition in der Größe des Viewports: ein großer Titel in ObviouslyVariable, zentriert oder linksbündig, eine einzelne Maskottchenillustration, die den Text überlappt, und eine kleine Inline-Aktion darunter. Die Abschnitte wechseln nicht zwischen hellen und dunklen Farben – die gesamte Seite ist auf einem violetten Hintergrund gestaltet, der mit einfarbigen Karten versehen ist. Die Navigation besteht aus einem einzelnen zentrierten Logo ohne Menüleiste. Die Karten sind in einem lockeren 2- bis 3-spaltigen Layout mit großzügigen Spaltenabständen angeordnet; die Kartengröße richtet sich nach dem Inhalt und ist nicht einheitlich. Die Dichte ist extrem: eine Idee pro Seite, umgeben von violettem Freiraum.
Ausschließlich Illustrationen – keine Fotografien, 3D-Renderings oder abstrakte Farbverläufe. Die Bildsprache ist ein handgezeichneter Cartoon-Stil mit dicken schwarzen Konturen (2–3 px), flächigen Füllungen in 2–3 Farben und ohne Schattierung. Die Figuren sind Maskottchen, die mit der Schriftart interagieren (hervorschauen, sich anlehnen oder auf den Buchstaben stehen). Icons werden mit schwarzen (Pure) oder weißen (Bone) Linien mit einer Linienstärke von 1,5–2 px gezeichnet. Die Bilder erzeugen primär eine dekorative Atmosphäre, ohne jemals etwas zu erklären – die Schriftart vermittelt die Botschaft, die Figur die Stimmung.
Palette
Marke
- Dusk Violet
#8584bd— Die Hauptleinwand und der Haupthintergrund bilden die Bühne, auf der alle anderen Farben erscheinen. - Hi-Vis Yellow
#f4ed36— Gelb dient zur Hervorhebung von Handlungsanweisungen, Linkbeschriftungen und interaktiven Elementen. Es sollte nicht als Hauptfarbe für Handlungsaufforderungen verwendet werden. - Buttery Yellow
#f9cc73— Zusätzlicher Text auf dem Bildschirm und weichere Ränder bieten eine subtilere Interpretation von reflektierenden Farben für Situationen, in denen reflektierende Farben übertrieben wären. - Lilac Shadow
#61609a— Karten- und Blockhintergründe sind in einem tieferen Lila gehalten, um verschachtelte Oberflächen auf einem lila Hintergrund darzustellen.
Neutral
- Bubblegum Pink
#f8c1ba— Dekorative Bordüren und Konfetti-Akzente sind in einem warmen Rosa gehalten, das sparsam eingesetzt wird, um einen Farbtupfer zu setzen. - Matcha Cream
#b5c995— Dekorative Bordüren und Konfetti-Akzente verleihen den Nebenfiguren der Karte einen staubigen Grünton. - Magenta Punch
#ac4f98— Zusätzliche Fläche für Akzentkarten - konzipiert für Effektblöcke, die lauter klingen sollen als die Bühne. - Firecracker Red
#c94245— Rote Füllung zur Hervorhebung des Hintergrunds, dekorative Streifen und ein sanfter Akzent hinter dem Inhalt. - Bone White
#f9f5f2— Dünne Ränder, Trennlinien, Umrisse von Eingabefeldern und Kartenränder auf hellen Oberflächen. Vermeiden Sie es, diese Farbe als Hauptfarbe für Call-to-Action-Schaltflächen zu verwenden. - Ink Black
#1a1a1a— Der Haupttext, die Hauptrahmen und die Umrisse der Schaltflächen sind in einem fast schwarzen Farbton gehalten, der für typografische Arbeiten auf cremefarbenen Oberflächen verwendet wird.
Typografie
von 10 auf 341 Pixel · 8 Schritte
- ObviouslyVariable — Ersatz: Founders Grotesk Condensed · Umrisse 800, 900 · Diese Schriftfamilie für Überschriften und Großdrucke ist die einzige, die für dieses System ausreichend druckvoll ist. Die Größen reichen von 18px für Fließtext bis 341px für Poster. Der enge Zeilenabstand von 0,80–1,00 ermöglicht die Darstellung mehrzeiliger Überschriften als einfarbige Flächen; die Calt-Funktion ist deaktiviert, sodass breite geometrische Formen ohne Verzierungen bleiben. Alternativen: Founders Grotesk Condensed, Knockout oder Druk Wide.
- DegularVariable — Ersatz: Inter · Umrisse 400 · Extrem kleine UI-Texte – Navigation, Fußzeilentext und Inline-Labels in 10px. Eine neutrale, vielseitige Schriftart, die sich nahtlos in den Fließtext einfügt. Alternativen: Inter, IBM Plex Sans.
- bergen_monoregular — Ersatz: JetBrains Mono · Umrisse 400, 600 · Eine nichtproportionale Mikroschrift für Navigation, Tags und kleine Datenbeschriftungen erzeugt auf dem abgerundeten Bildschirm einen Schreibmaschinenrhythmus. Der Zeilenabstand von 0,80 ist ein charakteristisches Merkmal: Eine eng gesetzte, nichtproportionale Schrift wirkt wie ein Kassenbon. Alternativen: JetBrains Mono, IBM Plex Mono.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | dicht |
| Grundlegender Schritt | 17px |
| Radius der Schaltfläche | 100px |
| Kartenradius | 6px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 40px |
KI erstellt Ihre Website im Flying Papers -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- Navigate — Ein großer Satz Aufkleber, die auf einer Tafel befestigt sind: große, groteske Schriftart, alle in Form von Tafeln und fünf mehrfarbige Symbole, die sich wie ein Logo wiederholen.
- Hatch — Ein handgezeichnetes Design im Samisdat-Stil, kombiniert mit pastellfarbenen Bonbonieren. Eine cremefarbene Papierleinwand, verziert mit mintfarbenen Akzenten, Konfetti-Punkten und pillenförmigen Handlungsaufforderungen, wobei eine große, fette Serifenschrift Verspieltheit andeutet und ein blaues Maskottchen in der Ecke zwinkert.
- Wonder — Das neonviolette Kommandozentrum ist ein tiefes, pflaumenfarbenes Dunkel, das von einer einzelnen laservioletten Lichtquelle durchdrungen wird.
- Duolingo — Verspieltes Klassenmaskottchen auf weißem Papier
- Family — Eine Doppelseite aus einem Märchen auf cremefarbenem Pergament
- Visitors — weiße technische Zeichnung
- Say Briefly — Skizzenbuch einer Kreativagentur auf cremefarbenem Papier
- Superpower — Zentrum für biolumineszentes Gesundheitsmanagement
- Dopper — Eine sonnenverwöhnte, cremefarbene Lagune mit einer leuchtend blauen Strömung. Eine warme, beige Weite, in der ein einzelner, hellblauer Kanal und kristallklare, bonbonfarbene Karten den Raum wie Sonnenlicht auf dem Wasser durchschneiden.
- Dock — Sonnencremefarbenes Papier, Kobaltpuls
- Portrait — Eine Wand voller Erinnerungen, festgehalten in Polaroids auf cremefarbenem Papier. Ein helles, cremefarbenes Fotoalbum, in dem dunkelblaue Tinte als einziger Text, einzige Strukturlinien und einzige Rahmenfarbe dient – mit einem einzigen handgezeichneten Regenbogen, der nur einmal erscheint, auf dem „Registrieren“-Button und auf dem kursiv gedruckten Wort „für immer“, und nie wieder.
- Quizlet — Das Klassenzimmer ist in einer Vielzahl von Farben vor weißem Hintergrund dekoriert – ein ruhiger Schreibtisch, hinter dem vier pastellfarbene Karten den einzigen Farbtupfer vor dem Hintergrund kühler grauer Wände und einer einzelnen Markierung mit einem indigofarbenen Marker bilden.