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

Creative Giants

Poster editorial format besar di atas kertas krem.

Creative Giants tampak seperti halaman buku seni berukuran besar yang diwujudkan dalam kode: kanvas yang hangat dan lembut, margin tipis, dan ukuran huruf yang sangat besar sehingga terasa lebih seperti poster daripada judul. Seluruh sistem beroperasi pada ruang negatif dan ukuran tunggal yang ringan (300)—judul hampir tidak terdengar pada ukuran 64–84px, alih-alih menonjol dalam huruf tebal, dan jarak antar huruf berkurang tajam (-0,04em) seiring bertambahnya ukuran huruf, sehingga kata-kata tampak terukir daripada terkelupas. Skema warna didistribusikan dalam sapuan kuas kecil yang jenuh: ungu cerah, turquoise tua, biru muda, merah muda terang, mint, dan biru tua muncul sebagai permukaan kartu atau aksen, bukan sebagai pengisi latar belakang. Elemen interaktif berupa bentuk hitam pada latar belakang krem dengan radius yang sepenuhnya membulat (1440px), sementara elemen krom hampir tidak terlihat—satu logo bulat dan tombol "Menu" mengambang di ruang putih. Konsep visualnya adalah lembar kontak studio produksi: satu judul besar, satu foto lebar penuh, satu baris metateks yang tenang. Setiap halaman kedua harus mengikuti gaya ringkas yang sama.

Tata letak halaman penuh: Tidak ada kontainer lebar maksimum; konten memenuhi seluruh lebar halaman dengan margin yang sama di kiri dan kanan (16–32px di perangkat seluler, 32px+ di desktop). Judul utama berupa satu judul besar (“CREATIVE GIANTS” dengan lebar 84px) yang menempati sekitar 40% dari tampilan layar, diikuti langsung oleh foto penuh dengan tag meta di sudut kiri bawah dan overlay judul. Ritme bagiannya monolitik: setiap bagian baru dimulai dengan sedikit teks huruf kapital dan penjelasan, dipisahkan oleh ruang kosong 48–64px—tidak ada pita gelap/terang bergantian kecuali satu kartu aksen Navy Ink terbalik. Konten disejajarkan ke kiri; tidak ada blok yang berpusat kecuali untuk judul utama. Bagian berita/studi kasus menggunakan grid tiga kolom kartu dengan blok panah mengambang di sebelah kanan. Navigasi dilakukan melalui satu header atas—tanpa sidebar atau elemen yang ditambatkan di luar header itu sendiri. Tata letak keseluruhan terasa lapang dan konsisten dengan gaya editorial: setiap bagian terasa lega, dan ruang kosong menjadi elemen struktural utama.

Fotografi editorial mendominasi desain: gambar menempati seluruh lebar halaman, dengan sudut tajam, dan tanpa tumpang tindih atau penutup membulat. Gayanya cenderung dokumenter dan atmosferik—tangan keriput, instalasi publik, dan foto kasual orang—tanpa pernah menggunakan fotografi produk yang dipentaskan. Gambar selalu disajikan dalam skala besar (tampilan lebar penuh atau memenuhi seluruh kartu), sehingga unit desainnya adalah foto, bukan antarmuka pengguna. Tidak ada ilustrasi, model 3D, atau maket produk. Ikonografi minimalis: satu logo melingkar kecil, tanda panah bergaris pada kontrol carousel, dan ikon UI ringan dengan garis luar 1px. Kepadatan gambar ditentukan oleh gambar itu sendiri, dan teks berfungsi sebagai lapisan anotasi yang tersembunyi di bawah atau di atas foto.

Palet

Merek

  • Magenta Bloom #8a0467 — Warna merah muda digunakan sebagai aksen sekunder untuk detail dekoratif dan untuk menyoroti kueri pencarian yang jarang digunakan. Warna ini tidak boleh digunakan sebagai warna utama untuk ajakan bertindak (call to action).
  • Forest Teal #03624c — Warna aksen merek yang mewah untuk bingkai kartu dan sentuhan dekoratif; dipadukan dengan Magenta Bloom untuk hasil akhir dua warna.

Netral

  • Bone White #fffef7 — Kanvas halaman, permukaan karton, dan teks pada aksen gelap memiliki warna krem hangat yang menggantikan warna #ffffff murni dan memberikan keseluruhan sistem nuansa seperti kertas dan hasil cetakan.
  • Ink Black #000000 — Warna gelap melengkapi teks dan ikon netral serta menciptakan kontras yang kuat. Hindari menggunakannya sebagai warna utama untuk ajakan bertindak (call to action).
  • Graphite #666666 — Teks isi sekunder, keterangan gambar, metadata, dan teks pendukung diposisikan di latar belakang agar teks utama dapat mendominasi.
  • Ash #aaaaaa — Batas kolom input, warna tautan tidak aktif, pemisah tersier - warna abu-abu struktural lembut yang menghilang saat tidak dibutuhkan.
  • Charcoal Scale #4d4c4a — Warna netral sedang untuk batas daftar, dengan sedikit peningkatan kontras pada jalur gradien gelap - abu-abu hangat, bukan abu-abu kebiruan.
  • Powder Blue #a5c8eb — Aksen warna lembut—latar belakang kartu pos, latar belakang buram, isian ilustrasi yang redup—mendinginkan latar belakang yang hangat tanpa menciptakan persaingan.

Tipografi

dari 12 hingga 84px · 7 langkah

  • Switzer — penggantian: Inter (300 · garis besar 300, 400 · Sistem font tunggal: bobot 300 untuk semua elemen tampilan dan judul (12–84px), bobot 400 untuk teks isi, metadata, dan kontrol UI. Opsi yang disarankan adalah menggunakan bobot 300 pada ukuran 64–84px—sebagian besar sistem menggunakan font tebal 700–800 di sini; font Switzer dengan warna terang mempertahankan garis tipis, menciptakan kesan tipografi yang disapukan pada kanvas krem. Jarak antar huruf yang lebih rapat seiring bertambahnya ukuran (-0,04em pada 84px, -0,018em pada 14px) menjaga spasi internal tetap terbuka, tanpa menciptakan kesan jarang.

Interval dan bentuk

TujuanArti
Kepadatanrata-rata
Langkah dasar8px
Radius tombol1440px
Radius kartu0px
Bayangantidak - batas, bukan bayangan
Di antara bagian-bagiannya64px

AI akan membangun situs web Anda dengan gaya Creative Giants 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

  • ElevenLabs — Esai foto dalam nuansa krem hangat dengan judul yang halus. Sebuah buku catatan bergaya Bauhaus—kertas berwarna putih telur, tinta hitam, dan aksen ungu dan oranye tunggal untuk tampilan produk.
  • monopo saigon — Cahaya cair berkilauan di balik keheningan editorial—galeri editorial monokrom yang mengambang di atas cahaya yang meleleh.
  • Awesomic — Jaring seng editorial dengan tanda baca oranye yang mengingatkan pada confetti.
  • Monad — jurnal teknis editorial tentang perkamen hangat
  • Dub — Panel kontrol kertas beras matte milik Link
  • Seline Analytics — Sebuah tabel analitis yang tenang di atas kertas hangat.
  • Notion — Sebuah buku catatan kertas hangat di bawah terik matahari siang.
  • Hyer Aviation — Senja di kokpit di atas kertas perkamen. Langit fajar yang pucat bertemu dengan logo serif seukuran badan pesawat, dan satu aksen warna tanah liat hangat memecah kekangan monokrom.
  • Anthropic — Jurnal ilmiah lapangan di atas kertas vellum hangat—permukaan gading yang tenang, judul editorial berserif, dan aksen tanah liat tunggal yang hanya muncul ketika diperlukan tindakan.
  • Calendly — Tinta biru tua di atas marmer dingin
  • Augen Pro — Presentasi serba putih Apple menampilkan warna biru elektrik yang klinis dan ringan sebagai satu-satunya aksen di ruang monokrom.
  • OFF+BRAND. — Bola berkilauan di atas kertas perkamen hangat