Flying Papers
Geständnis op engem Samschdegmoien Cartoon
Flying Papers funktionéiert wéi eng Samschdegmoies-Cartoon, déi op schwéierem Risographpabeier gedréckt ass: eng flaach, gedämpft violett Szen, e puer gesättigte, konfetti-ähnlech Faarwen, an eng Schrëft, déi sou grouss ass, datt se de ganze Betrachterberäich ausschöpft. D'Branding ass haart, fett a kompromësslos - et fuerdert keng Opmierksamkeet, mee zitt se un. All Bildschierm soll sech wéi en eenzegt, fett Poster ufillen: eng dominant Iwwerschrëft, eng Charakterillustratioun, eng Aktioun am Text a vill wäisst Raum. D'Rummen maachen de Groussdeel vun der Aarbecht a ersetzen Schied; Faarf gëtt als Faarf benotzt, net als Daten. D'Uewerfläche bleiwen flaach, d'Kante ginn op 6px schaarf gehalen, an déi eenzeg schwaach Plaz am System ass d'100px-Pille um Ausgangsknäppchen.
Vollbild-Poster-Layouten ouni maximal Breetbeschränkungen. All Bildschierm ass eng eenzeg Kompositioun an der Gréisst vum Viewport: een massiven ObviouslyVariable Titel, zentréiert oder lénks ausgeriicht, eng eenzeg Maskottchen-Illustratioun, déi den Text iwwerlappt, an eng kleng Inline-Aktioun drënner. Sektiounen wiesselen net tëscht hellen an donkelen Faarwen - déi ganz Säit ass op enger Twilight Purple Leinwand ausgeluecht, mat eenheetleche Kaarten iwwerdeckt. D'Navigatioun ass e eenzegt zentréiert Logo, ouni Menüleist. D'Kaarte sinn an engem lockeren 2-3-Kolonnen-Layout mat generéise Kanten arrangéiert; d'Kaartegréissten ginn vum Inhalt bestëmmt anstatt gläichméisseg ze sinn. D'Dicht ass extrem: eng Iddi pro Bildschierm, ëmgi vu violettem Atmungsraum.
Nëmmen Illustratiounen – keng Fotoen, 3D-Renderungen oder abstrakt Gradienten. Déi visuell Sprooch ass e handgezeechente Cartoon-Stil mat décke schwaarze Konturen (2–3px), flaache Fëllungen vun 2–3 Faarwen a kengem Schattéierungseffekt. D'Personnage si Maskottchen, déi mat der Schrëft interagéieren (erauskucken, sech géint de Buschtaf leeën oder drop stoen). Ikonen gi mat schwaarzen (Pure) oder wäissen (Bone) Linnen gezeechent, mat enger Linnbreet vun 1,5–2px. D'Biller kreéieren haaptsächlech eng dekorativ Atmosphär, ni erklärend – d'Schrëft vermëttelt d'Botschaft, de Personnage vermëttelt d'Stëmmung.
Palette
Mark
- Dusk Violet
#8584bd— D'Haaptleinwand an den Haapthannergrond sinn d'Bühn, op där all aner Faarwen erschéngen. - Hi-Vis Yellow
#f4ed36— Giel gëtt benotzt fir Aktiounskonturen, Linklabels an interaktiv Elementer ervirzehiewen. Et sollt net als Haaptfaarf fir Handlungsruff benotzt ginn. - Buttery Yellow
#f9cc73— Zousätzlechen Text um Bildschierm a méi mëll Borduren bidden eng méi subtil Interpretatioun vun de reflektive Faarwen fir Situatiounen, wou reflektiv Faarwen iwwerdriwwe wieren. - Lilac Shadow
#61609a— Kaarten- a Blockhannergrënn sinn e méi déift Violett fir verschachtelt Flächen op enger violetter Bühn.
Neutral
- Bubblegum Pink
#f8c1ba— Dekorativ Bordüren a Konfetti-Akzenter sinn e waarme Rosa, dat a Moderatioun benotzt gëtt, fir e Faarftéin ze kreéieren. - Matcha Cream
#b5c995— Dekorativ Ränner a Konfetti-Akzenter ginn den Niewefiguren vun der Kaart eng staubgréng Faarf. - Magenta Punch
#ac4f98— Zousätzlech Uewerfläch fir Akzentkaarten - entwéckelt fir Effektblöcke, déi méi haart klénge solle wéi d'Bühn. - Firecracker Red
#c94245— Rout Fëllung fir den Hannergrond, dekorativ Sträifen an e mëllen Akzent hannert dem Inhalt ervirzehiewen. - Bone White
#f9f5f2— Dënn Borduren, Trennwänn, Konturen vun Inputfelder a Kaarteränner op hellen Uewerflächen. Vermeit dës Faarf als Haaptfaarf fir Call-to-Action-Knäppercher ze benotzen. - Ink Black
#1a1a1a— Den Haapttext, d'Haaptränner an d'Knäppchenkonturen sinn eng bal schwaarz Faarf, déi fir typographesch Aarbechten op cremefaarwegen Uewerfläche benotzt gëtt.
Typographie
vun 10 bis 341px · 8 Schrëtt
- ObviouslyVariable — Ersatz: Founders Grotesk Condensed · Konturen 800, 900 · Dës Schrëftfamill fir Iwwerschrëften a grouss gedréckte Schrëften ass déi eenzeg Schrëft, déi fir dëst System staark genuch ass. D'Gréisste reechen vun 18px fir den Haapttext bis zu 341px fir d'Affichage vu Posteren. En enken Zeilenofstand vun 0,80–1,00 erlaabt et, Iwwerschrëften mat méi Zeilen als voll Faarfblöcke unzeweisen; d'Calt-Funktioun ass deaktivéiert, sou datt breet geometresch Forme onverschéinert bleiwen. Alternativen: Founders Grotesk Condensed, Knockout oder Druk Wide.
- DegularVariable — Ersatz: Inter · Konturen 400 · Ultraklengen UI-Text - Navigatioun, Fousszeilmikrokopie an Inline-Etiketten mat 10px. Eng neutral, villfälteg Schrëft, déi sech nahtlos mam Kierpertext vermëscht. Ersatz: Inter, IBM Plex Sans.
- bergen_monoregular — Ersatz: JetBrains Mono · Konturen 400, 600 · Eng monospaced Mikrofont fir Navigatioun, Tags a kleng Datenlabels erstellt e Schreifmaschinne-Rhythmus géint e gerundeten Ecran. Den Zeilenofstand vun 0,80 an der monospaced Schrëft ass e bekannte Merkmal: eng dicht ugeluecht monospaced Schrëft fillt sech wéi eng Quittung un. Alternativen: JetBrains Mono, IBM Plex Mono.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | dicht |
| Basis Schrëtt | 17px |
| Knäppchenradius | 100px |
| Kaarteradius | 6px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 40px |
KI baut Är Websäit am Stil vun Flying Papers op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Navigate — E grousse Set Stickeren, deen op enger Brett befestegt ass: grouss grotesk Schrëft, all a Form vun Tabletten a fënnef faarweg Ikonen, déi sech wéi e Logo widderhuelen.
- Hatch — En handgezeechent Design am Samizdat-Stil gemëscht mat pastellfaarwege Séissegkeetsschüsselen. Eng cremeg Pabeierleinwand, déi mat mintfarbenen Akzenter, Konfetti-Punkten a pillefërmegen Handlungsopruff dekoréiert ass, wou eng grouss, fett Serif-Schrëft op Spaass hiweist, an e bloe Maskottchen an der Eck zwinkert.
- Wonder — De neonviolette Kommandozentrum ass eng déif Plumpfdäischtert, déi vun enger eenzeger laserviolett Liichtquell duerchbrach gëtt.
- Duolingo — Spilllech Klassemaskottchen op wäissem Pabeier
- Family — E Mäerchen op Crèmepergament
- Visitors — wäiss Ingenieurszeechnung
- Say Briefly — Skizzenbuch vun der Kreativagentur op Crèmepabeier
- Superpower — Zentrum fir bioluminéis Gesondheetsmanagement
- Dopper — Eng sonneg, cremeg Lagun mat enger lieweger bloer Stréimung. Eng waarm, beige Fläch, wou en eenzege, hellbloe Kanal a kristallkloer, séissegkeetsähnlech Kaarte sech duerch de Raum schneiden, wéi Sonneliicht um Waasser.
- Dock — Sonnecrèmepabeier, Kobaltpuls
- Portrait — Eng Mauer vun Erënnerungen, festgehalen a Polaroids op crèmefaarwegem Pabeier. E hellt, crèmefaarwegt Scrapbook, wou donkelblo Tënt als eenzegen Text, déi eenzeg Strukturlinnen an déi eenzeg Kaderfaarf déngt - mat engem eenzegen handgezeechente Reebou, deen eemol erschéngt, um "Registréieren"-Knäppchen an um kursivéierte Wuert "fir ëmmer", an ni méi.
- Quizlet — De Klassesall ass a verschiddene Faarwen virun engem wäissen Hannergrond dekoréiert - en rouegen Schreifdësch, hannert deem véier Pastellkaarte den eenzegen hellen Akzent virun engem Hannergrond vu kale groe Maueren an enger eenzeger Markéierung mat engem Indigo-Marker sinn.