Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukpengembangMengembangkan alat AI untuk bisnis. Berkualitas tinggi. Terjangkau.Kirim pesan di Telegram
Flying Papers — pratinjau situs dengan gaya ini

Flying Papers

Pengakuan dalam Kartun Sabtu Pagi

Flying Papers bekerja seperti kartun Sabtu pagi yang dicetak di atas kertas risograph tebal: adegan ungu yang datar dan redup, sedikit warna jenuh seperti konfeti, dan tipografi yang sangat besar sehingga memenuhi area tampilan. Branding-nya keras, berani, dan tanpa kompromi—tidak menuntut perhatian, tetapi menariknya. Setiap layar dirancang agar terasa seperti poster tunggal yang berani: satu judul utama yang dominan, satu ilustrasi karakter, satu aksi dalam teks, dan banyak ruang kosong. Bingkai melakukan sebagian besar pekerjaan, menggantikan bayangan; warna digunakan sebagai cat, bukan data. Permukaan tetap datar, tepian tetap tajam pada 6px, dan satu-satunya titik lemah dalam sistem adalah pil 100px pada tombol keluar.

Tata letak poster layar penuh tanpa batasan lebar maksimum. Setiap layar merupakan komposisi tunggal seukuran viewport: satu judul ObviouslyVariable yang besar, dipusatkan atau disejajarkan ke kiri, satu ilustrasi maskot yang tumpang tindih dengan teks, dan aksi inline kecil di bawahnya. Bagian-bagian tidak bergantian antara warna terang dan gelap—seluruh halaman ditata di atas kanvas Twilight Purple, dengan kartu berwarna solid di atasnya. Navigasi berupa satu logo yang dipusatkan, tanpa bilah menu. Kartu disusun dalam tata letak 2-3 kolom yang longgar dengan jarak antar kartu yang lebar; ukuran kartu ditentukan oleh konten dan bukan seragam. Kepadatan sangat ekstrem: satu ide per layar, dikelilingi oleh ruang bernapas berwarna ungu.

Hanya ilustrasi—tidak ada foto, render 3D, atau gradien abstrak. Bahasa visualnya adalah gaya kartun yang digambar tangan dengan garis luar hitam tebal (2–3px), isian datar 2–3 warna, dan tanpa bayangan. Karakter-karakter tersebut adalah maskot yang berinteraksi dengan jenis huruf (mengintip, bersandar, atau berdiri di atas huruf). Ikon digambar dengan garis hitam (Pure) atau putih (Bone), dengan lebar garis 1,5–2px. Gambar-gambar tersebut terutama menciptakan suasana dekoratif, tidak pernah menjelaskan—jenis huruf menyampaikan pesan, karakter menyampaikan suasana hati.

Palet

Merek

  • Dusk Violet #8584bd — Kanvas utama dan latar belakang utama adalah panggung tempat semua warna lain muncul.
  • Hi-Vis Yellow #f4ed36 — Warna kuning digunakan untuk menyoroti garis besar tindakan, label tautan, dan elemen interaktif. Warna ini tidak boleh digunakan sebagai warna utama untuk ajakan bertindak (call to action).
  • Buttery Yellow #f9cc73 — Teks tambahan di layar dan batas yang lebih lembut menawarkan sentuhan warna reflektif yang lebih halus untuk situasi di mana warna reflektif akan berlebihan.
  • Lilac Shadow #61609a — Latar belakang kartu dan blok berwarna ungu yang lebih gelap untuk permukaan bersarang di atas panggung berwarna ungu.

Netral

  • Bubblegum Pink #f8c1ba — Batas dekoratif dan aksen confetti menggunakan warna merah muda hangat secukupnya untuk menciptakan sentuhan warna yang menarik.
  • Matcha Cream #b5c995 — Batas dekoratif dan aksen confetti memberikan nuansa hijau pucat untuk karakter pendukung pada kartu tersebut.
  • Magenta Punch #ac4f98 — Permukaan tambahan untuk kartu aksen - dirancang untuk blok efek yang seharusnya terdengar lebih keras daripada panggung.
  • Firecracker Red #c94245 — Warna merah digunakan untuk menyoroti latar belakang, garis-garis dekoratif, dan aksen lembut di belakang konten.
  • Bone White #f9f5f2 — Garis tepi tipis, pembatas, garis luar kolom input, dan tepi kartu pada permukaan terang. Hindari menggunakan warna ini sebagai warna utama untuk tombol ajakan bertindak (call-to-action).
  • Ink Black #1a1a1a — Teks utama, batas utama, dan garis luar tombol berwarna hampir hitam yang digunakan untuk pekerjaan tipografi pada permukaan berwarna krem.

Tipografi

dari 10 hingga 341px · 8 langkah

  • ObviouslyVariable — penggantian: Founders Grotesk Condensed · garis besar 800, 900 · Keluarga font ini untuk judul dan cetakan besar adalah satu-satunya font yang cukup menonjol untuk sistem ini. Ukurannya berkisar dari 18px untuk teks isi hingga 341px untuk tampilan poster. Jarak antar baris yang rapat, yaitu 0,80–1,00, memungkinkan judul multi-baris ditampilkan sebagai blok warna solid; fungsi Calt dinonaktifkan, sehingga bentuk geometris lebar tetap polos. Alternatif: Founders Grotesk Condensed, Knockout, atau Druk Wide.
  • DegularVariable — penggantian: Inter · garis besar 400 · Teks UI ultra-kecil—navigasi, teks mikro footer, dan label sebaris dengan ukuran 10px. Font netral dan serbaguna yang menyatu sempurna dengan teks isi. Pengganti: Inter, IBM Plex Sans.
  • bergen_monoregular — penggantian: JetBrains Mono · garis besar 400, 600 · Font mikro monospasi untuk navigasi, tag, dan label data kecil menciptakan ritme mesin tik pada layar yang membulat. Jarak antar baris 0,80 pada font monospasi adalah fitur khasnya: font monospasi yang tersusun rapat terasa seperti struk belanja. Alternatif: JetBrains Mono, IBM Plex Mono.

Interval dan bentuk

TujuanArti
Kepadatanpadat
Langkah dasar17px
Radius tombol100px
Radius kartu6px
Bayangantidak - batas, bukan bayangan
Di antara bagian-bagiannya40px

AI akan membangun situs web Anda dengan gaya Flying Papers dan mengisinya.

  • Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
  • Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
  • Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
  • Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.

Gaya serupa

  • Navigate — Sejumlah besar stiker ditempelkan pada papan: font besar dan aneh, semuanya berbentuk tablet dan lima ikon warna-warni, berulang seperti logo.
  • Hatch — Desain bergaya samizdat yang digambar tangan dipadukan dengan mangkuk permen pastel. Kanvas kertas krem dihiasi aksen mint, titik-titik confetti, dan ajakan bertindak berbentuk pil, di mana font serif besar dan tebal mengisyaratkan kesenangan, dan maskot biru mengedipkan mata di sudut.
  • Wonder — Pusat komando berwarna ungu neon itu berwarna gelap keunguan pekat yang ditembus oleh satu sumber cahaya laser-violet.
  • Duolingo — Maskot kelas yang lucu di atas kertas putih.
  • Family — Sebuah ilustrasi dari dongeng di atas kertas perkamen krem.
  • Visitors — gambar teknik putih
  • Say Briefly — Buku sketsa agensi kreatif di atas kertas krem.
  • Superpower — Pusat Manajemen Kesehatan Bioluminesensi
  • Dopper — Sebuah laguna krem yang bermandikan sinar matahari dengan arus biru yang cerah. Hamparan krem hangat di mana sebuah saluran biru terang dan kartu-kartu sebening kristal seperti permen membelah ruang seperti sinar matahari di atas air.
  • Dock — Kertas Krim Terang, Pulsa Kobalt
  • Portrait — Dinding kenangan, diabadikan dalam foto Polaroid di atas kertas berwarna krem. Sebuah buku tempel berwarna krem cerah di mana tinta biru tua berfungsi sebagai satu-satunya teks, satu-satunya garis struktur, dan satu-satunya warna bingkai—dengan satu pelangi yang digambar tangan yang muncul sekali, pada tombol "Daftar" dan pada kata "selamanya" yang dicetak miring, dan tidak pernah lagi.
  • Quizlet — Ruang kelas didekorasi dengan berbagai warna dengan latar belakang putih - sebuah meja yang tenang, di belakangnya terdapat empat kartu berwarna pastel sebagai satu-satunya aksen cerah di tengah latar belakang dinding abu-abu dingin dan sebuah coretan yang dibuat dengan spidol indigo.