Wise
Lumut tebal dengan ketegangan batu kapur. Kilauan batu kapur di lantai hutan yang hampir hitam, dan figur-figur besar dan bersudut menandai setiap pergerakan.
Font Wise berbicara dengan suara yang percaya diri dan sedikit lantang: warna hijau hutan yang pekat (#163300) mendominasi sebagian besar permukaan—teks, navigasi, bagian gelap, ikon—sementara warna hijau limau terang (#9fe870) berfungsi sebagai penanda fungsional pada ajakan bertindak, tab aktif, dan elemen kunci. Font ini hampir agresif: Wise Sans dengan ketebalan garis 900, padat, menonjol dengan huruf besar (100px+) di layar beranda. Bagian sistem lainnya tetap sederhana pada kanvas putih pucat dengan permukaan abu-abu lembut (#e8ebe6). Komponen berbentuk pil secara default—tombol, segmen navigasi, thumbnail kotak centang, mask gambar—dengan radius kecil (10px) yang dikhususkan untuk kartu dan kolom input. Gradien warna jarang ditemukan; sebaliknya, kombinasi warna salamander dan hijau hutan berubah dengan halus saat bagian-bagian menjadi lebih gelap, menciptakan ritme tanpa dekorasi yang berlebihan.
Sebuah kontainer dengan lebar maksimum 1200px, berpusat, dengan bagian atas dan bagian gelap yang membentang di seluruh lebar halaman. Tata letak header menampilkan judul besar yang berpusat pada latar belakang putih, dengan ilustrasi besar (bola dunia) yang meluas melampaui tepi bawah tampilan. Ritme bagian bergantian antara putih, hijau muda, dan bagian gelap dalam "tinta hutan," menciptakan ritme warna alami. Tata letak konten sebagian besar berpusat: blok teks dan gambar dalam dua kolom di bagian atas, atau baris dengan elemen utama dalam tiga kolom di bagian sekunder. Kisi lima kolom dengan bendera digunakan untuk menampilkan daftar negara. Navigasi berupa bilah atas tunggal yang tetap dengan tombol pengalih yang tersegmentasi. Kode QR tetap berada di sudut kanan bawah pada semua posisi gulir.
Ilustrasi 3D yang menggambarkan globe dengan koin emas menciptakan dunia visual merek—taktil, sedikit surealis, dieksekusi dengan gradien lembut dan pencahayaan hangat. Fotografi minimalis; jika digunakan, pencahayaannya terang dan kasual. Bendera nasional disajikan sebagai thumbnail melingkar dalam grid lima kolom—satu-satunya sistem "ikonik" adalah identitas nasional. Tidak ada elemen grafis abstrak, tidak ada templat standar. Globe dan koin adalah motif berulang dari maskot, menandakan jangkauan global melalui satu objek yang hangat dan optimis, bukan montase.
Palet
Merek
- Forest Ink
#163300— Gaya gelap yang dominan dari merek ini—teks navigasi, latar belakang bagian yang gelap, teks isi pada permukaan yang terang, garis luar ikon, dan elemen navigasi yang terisi—adalah yang mendefinisikan kekuatannya: di mana pun bobot atau otoritas dibutuhkan, Anda memilih Forest Ink. - Lime Voltage
#9fe870— Warna hijau 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). - Spruce
#054d28— Warna hijau tua sekunder digunakan untuk permukaan kartu, ikonografi kecil, dan untuk menambah kedalaman pada area gelap di mana warna Forest Ink terlalu pekat.
Netral
- Linen Mist
#e2f6d5— Warna hijau muda untuk sorotan lembut pada permukaan, latar belakang kartu berwarna, dan status saat kursor diarahkan ke bilah navigasi. Nuansa hijau khas yang halus untuk elemen desain kontainer yang tidak mencolok. - Signal Blue
#0b4c72— Warna biru berfungsi sebagai aksen tambahan untuk detail dekoratif dan untuk menekankan frekuensi rendah. - Alarm Red
#cb272f— Warna merah berfungsi sebagai aksen pendukung untuk detail dekoratif dan untuk menonjolkan warna-warna yang tidak umum. Gunakan sebagai aksen pendukung, bukan sebagai warna penanda status. - Charcoal
#454745— Teks isi, teks utama, UI yang kaya - warna hitam agak hangat yang terasa lebih lembut daripada warna #000 murni pada latar belakang putih. - Obsidian
#0e0f0c— Judul, judul dengan kontras tinggi, elemen hitam pekat pada navigasi dan menu utama. Hitam dengan sedikit nuansa kehijauan, bukan abu-abu netral. - Pebble
#868685— Teks sekunder yang redup, teks placeholder, garis luar ikon, dan batas kolom input. Abu-abu sedang, memudar ke kejauhan.
Tipografi
dari 12 hingga 105px · 10 langkah
- Inter — penggantian: Inter (native Google Fonts) · garis besar 400,500,600,700 · Teks isi, antarmuka pengguna, keterangan gambar, dan subjudul di seluruh produk. Font dengan bobot 700 digunakan untuk judul tingkat menengah (36–45px), 500–600 untuk subjudul dan keterangan gambar, dan 400 untuk teks isi dan keterangan gambar. Inter memberikan tampilan yang lebih halus, sedangkan Wise Sans memberikan tampilan yang lebih berani.
- Wise Sans — penggantian: Inter Black (900) with -0.04em tracking · garis besar 900 · Judul adalah kartu identitas sebuah merek. Font 900 yang sangat padat dengan jarak antar huruf 89–105px dan spasi antar huruf yang rapat mengubah setiap judul menjadi iklan yang berani dan mencolok. Judul digunakan secara hemat: sebagai teks isi, untuk judul bagian, dan untuk sorotan kampanye.
- monospace — penggantian: Inter · garis besar 400 · monospasi - ditemukan dalam data yang diekstrak tetapi tidak dijelaskan oleh AI.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | padat |
| Langkah dasar | 8-12px |
| Radius tombol | 9999px |
| Radius kartu | 10px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 64-80px |
| Lebar halaman | 1200px |
AI akan membangun situs web Anda dengan gaya Wise 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
- Integrated Biosciences — laboratorium bioluminesensi di tengah malam
- Huly — Cahaya Utara di Observatorium Tengah Malam - protagonisnya adalah seberkas cahaya vertikal berwarna ungu yang memudar menjadi warna koral, dan setiap bagian tenang di bawahnya meminjam cerita dua warna yang sama yang diceritakan dengan nada yang lebih lembut.
- Dia Browser — Ruang galeri kamar gelap menyatu dengan halaman editorial surat kabar. Adegan yang gelap gulita memperlihatkan halaman surat kabar yang diterangi sinar matahari, setiap bagian ditandai dengan satu judul utama berhuruf serif.
- Mintlify — Sebuah taman awan di atas meja kaca. Langit yang digambar tangan dan film dokumenter dibingkai bersama—satu-satunya tempat di mana warna dan konsep berbenturan sebelum halaman memudar menjadi putih seperti biara.
- Gleap — Ruang kerja yang didekorasi dengan nuansa krem hangat dengan aksen grafit—sebuah studio di mana titik-titik tinta hitam matte tampak melayang di atas arsitektur linen.
- ClickUp — Sebuah dasbor yang canggih di atas marmer putih. Halaman ini adalah brosur produk untuk alat produktivitas, sehingga bahasa visualnya dipinjam dari produk itu sendiri: daftar padat, indikator status, kelompok avatar, dan pernyataan tipografi tebal yang tampak seperti spesifikasi produk yang ditampilkan.
- monday — Bengkel putih dengan stiker warna pastel
- Portal — Twilight Serif Editorial - Sebuah tampilan premium di majalah independen, dirancang dengan gaya iOS.
- Slack — Panggungnya berwarna ungu terong dengan lampu sorot putih. Nuansa ungu tua mendominasi area gelap, sementara kanvas putih pucat memungkinkan judul-judul besar dan avant-garde untuk terlihat lebih leluasa.
- Base44 — Buku catatan yang diterangi sinar matahari dengan spidol hijau limau
- Letters — Janji temu pagi di klinik terbuka—meja putih steril di bawah langit-langit biru lembut, dipenuhi dengan instrumen bedah berwarna biru.
- Duolingo — Taman bermain hijau dengan garis penanda yang tebal.