Flying Papers
Wyznanie w sobotni poranek – kreskówka
Flying Papers działa jak sobotni poranek z kreskówką wydrukowaną na grubym papierze risograficznym: płaska, stonowana fioletowa scena, odrobina nasyconych, przypominających konfetti kolorów i czcionka tak duża, że pochłania cały ekran. Branding jest wyrazisty, odważny i bezkompromisowy – nie przyciąga uwagi, lecz ją przyciąga. Każdy ekran ma sprawiać wrażenie pojedynczego, wyrazistego plakatu: jeden dominujący nagłówek, jedna ilustracja postaci, jedna akcja w tekście i mnóstwo białej przestrzeni. Ramki wykonują większość pracy, zastępując cienie; kolor służy jako farba, a nie dane. Powierzchnie pozostają płaskie, krawędzie są ostre na poziomie 6 pikseli, a jedynym słabym punktem w systemie jest 100-pikselowa pigułka na przycisku wyjścia.
Pełnoekranowe układy plakatów bez ograniczeń maksymalnej szerokości. Każdy ekran to pojedyncza kompozycja o rozmiarze obszaru wyświetlania: jeden ogromny tytuł „OczywiścieZmienny”, wyśrodkowany lub wyrównany do lewej, pojedyncza ilustracja maskotki nachodząca na tekst oraz niewielka akcja w tekście poniżej. Sekcje nie są naprzemiennie w jasnych i ciemnych kolorach – cała strona jest rozłożona na płótnie w kolorze Twilight Purple, z kartami w jednolitym kolorze. Nawigacja to pojedyncze, wyśrodkowane logo, bez paska menu. Karty są ułożone w luźnym układzie 2-3 kolumnowym z dużymi odstępami między kolumnami; rozmiary kart są określane przez treść, a nie są jednolite. Gęstość jest ekstremalna: jeden pomysł na ekran, otoczony fioletową przestrzenią.
Tylko ilustracje – bez fotografii, renderów 3D i abstrakcyjnych gradientów. Język wizualny to rysowany ręcznie styl komiksowy z grubymi czarnymi konturami (2–3 piksele), płaskimi wypełnieniami 2–3 kolorami i bez cieniowania. Postacie są maskotkami, które wchodzą w interakcję z czcionką (wyglądając, opierając się o literę lub stojąc na niej). Ikony rysowane są czarnymi (Pure) lub białymi (Bone) liniami o grubości 1,5–2 piksele. Obrazy tworzą przede wszystkim dekoracyjną atmosferę, nigdy nie wyjaśniają – czcionka przekazuje przesłanie, postać przekazuje nastrój.
Paleta
Marka
- Dusk Violet
#8584bd— Główne płótno i główne tło stanowią scenę, na której pojawiają się wszystkie inne kolory. - Hi-Vis Yellow
#f4ed36— Żółty służy do wyróżniania konspektów działań, etykiet linków i elementów interaktywnych. Nie powinien być używany jako kolor podstawowy w wezwaniach do działania. - Buttery Yellow
#f9cc73— Dodatkowy tekst na ekranie i łagodniejsze obramowania zapewniają bardziej subtelne ujęcie odbitego koloru w sytuacjach, w których odbity kolor byłby przesadą. - Lilac Shadow
#61609a— Tła kart i bloków mają głębszy odcień fioletu, przeznaczony do zagnieżdżonych powierzchni na fioletowej scenie.
Neutralny
- Bubblegum Pink
#f8c1ba— Dekoracyjne obramowania i akcenty konfetti mają ciepły odcień różu, używany w umiarkowanych ilościach, aby stworzyć wyrazisty kolor. - Matcha Cream
#b5c995— Dekoracyjne obramowania i akcenty konfetti nadają karcie przydymioną zieloną barwę postaciom drugoplanowym. - Magenta Punch
#ac4f98— Dodatkowa powierzchnia na karty akcentowe - przeznaczona dla bloków efektów, które mają brzmieć głośniej niż scena. - Firecracker Red
#c94245— Czerwone wypełnienie podkreśla tło, ozdobne paski i delikatny akcent za zawartością. - Bone White
#f9f5f2— Cienkie obramowania, separatory, kontury pól wprowadzania danych i krawędzie kart na jasnych powierzchniach. Unikaj używania tego koloru jako koloru podstawowego dla przycisków wezwania do działania. - Ink Black
#1a1a1a— Główny tekst, główne obramowania i kontury przycisków są w kolorze prawie czarnym, stosowanym w pracach typograficznych na kremowych powierzchniach.
Typografia
od 10 do 341px · 8 kroków
- ObviouslyVariable — wymiana: Founders Grotesk Condensed · wytyczne 800, 900 · Ta rodzina czcionek do nagłówków i dużych wydruków to jedyna czcionka wystarczająco głośna dla tego systemu. Rozmiary wahają się od 18 px dla tekstu głównego do 341 px dla plakatów. Wąski odstęp między wierszami (0,80–1,00) pozwala na wyświetlanie wielowierszowych nagłówków jako jednolitych bloków koloru; funkcja Calt jest wyłączona, więc szerokie kształty geometryczne pozostają nieozdobione. Alternatywy: Founders Grotesk Condensed, Knockout lub Druk Wide.
- DegularVariable — wymiana: Inter · wytyczne 400 · Bardzo mały tekst interfejsu użytkownika — nawigacja, mikrotekst stopki i etykiety o wysokości 10 pikseli. Neutralny, uniwersalny krój, który idealnie komponuje się z tekstem. Zamienniki: Inter, IBM Plex Sans.
- bergen_monoregular — wymiana: JetBrains Mono · wytyczne 400, 600 · Czcionka o stałej szerokości (monospaced microfont) do nawigacji, tagów i małych etykiet danych tworzy rytm maszyny do pisania na zaokrąglonym ekranie. Odstęp między wierszami 0,80 w tej czcionce to jej charakterystyczna cecha: gęsto ułożona czcionka o stałej szerokości przypomina paragon. Alternatywy: JetBrains Mono, IBM Plex Mono.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | gęsty |
| Podstawowy krok | 17px |
| Promień przycisku | 100px |
| Promień karty | 6px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 40px |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu Flying Papers i wypełni ją
- Uzupełnij produktami i postami za pomocą linku - Instagram, TikTok, Facebook.
- Przenieś zawartość ze starej witryny — wystarczy podać adres.
- Nowoczesny design na najlepszym silniku: React ( Next.js) z renderowaniem serwerowym i optymalizacją SEO od razu po wyjęciu z pudełka.
- W pełni zautomatyzowana optymalizacja SEO dla wyników wyszukiwania i rekomendacje sieci neuronowych.
Podobne style
- Navigate — Duży zestaw naklejek przymocowanych do tablicy: duża groteskowa czcionka, wszystkie w formie tabletek i pięć wielokolorowych ikon, powtarzających się jak logo
- Hatch — Ręcznie rysowany projekt w stylu samizdatu połączony z pastelowymi miseczkami na cukierki. Kremowe płótno ozdobione miętowymi akcentami, kropkami konfetti i wezwaniami do działania w kształcie pigułek, gdzie duża, pogrubiona czcionka szeryfowa sugeruje zabawę, a niebieska maskotka mruga w rogu.
- Wonder — Neonowo-fioletowe centrum dowodzenia to głęboka śliwkowa ciemność, przebijana pojedynczym laserowo-fioletowym źródłem światła.
- Duolingo — Zabawna maskotka klasowa na białym papierze
- Family — Rozkład z bajki na kremowym pergaminie
- Visitors — biały rysunek techniczny
- Say Briefly — Szkicownik agencji kreatywnej na kremowym papierze
- Superpower — Centrum Zarządzania Zdrowiem Bioluminescencyjnym
- Dopper — Skąpana w słońcu, kremowa laguna z jaskrawoniebieskim prądem. Ciepły, beżowy obszar, gdzie pojedynczy, jasnoniebieski kanał i krystalicznie czyste, cukierkowe karty przecinają przestrzeń niczym światło słoneczne na wodzie.
- Dock — Papier kremowy Sunlit, puls kobaltu
- Portrait — Ściana wspomnień, uchwycona polaroidami na kremowym papierze. Jasny, kremowy album, w którym ciemnoniebieski tusz stanowi jedyny tekst, jedyne linie strukturalne i jedyny kolor ramki – z pojedynczą, ręcznie narysowaną tęczą, która pojawia się raz, na przycisku „Zarejestruj” i na słowie „forever” pisanym kursywą, i nigdy więcej.
- Quizlet — Klasa jest udekorowana w różnych kolorach na białym tle - ciche biurko, za którym cztery pastelowe kartki stanowią jedyny jasny akcent na tle chłodnych szarych ścian i pojedynczego znaku wykonanego markerem w kolorze indygo.