Modal
Terminal berpendar di ruang server yang gelap - satu-satunya sumber cahaya adalah warna hijau terang.
Modal berfungsi seperti terminal berpendar di ruang server yang gelap: kanvas yang hampir hitam, teks hijau pucat, dan satu aksen hijau limau terang yang berfungsi sebagai indikator status LED. Bahasa desainnya berfokus pada pengembang—jendela kode monospasi dengan titik lampu lalu lintas, ikon 3D isometrik dengan warna hijau khas, dan banyak ruang putih, memungkinkan satu elemen di setiap bagian untuk bersinar. Tipografi dibagi antara font kustom (Goga) untuk judul dan font variabel (Inter) untuk semua elemen UI, keduanya diatur dengan pelacakan negatif yang sempit. Warna didistribusikan secara merata: sebagian besar layar bersifat akromatik, dan warna hijau limau terang hanya muncul pada tindakan utama, logo, ilustrasi 3D, dan momen penekanan. Komponennya datar dan tanpa bingkai, dengan kedalaman yang diciptakan melalui batas hijau halus dan blur latar belakang daripada bayangan.
Modal ini menggunakan tata letak gelap lebar penuh dengan lebar maksimum 1280px untuk menampung konten. Jendela hero berada di tengah: judul (kalimat pertama berwarna hijau limau), subjudul, dua ajakan bertindak, dan satu objek 3D sebagai jangkar visual—tanpa memisahkan tata letak dari sidebar. Bagian konten mengikuti ritme yang seragam: tag alis (huruf kapital, Moss 70) → judul Goga → teks isi yang redup, kemudian tata letak dua kolom dengan deskripsi fitur (teks + kode/kartu visual) atau grid tiga kolom kartu. Jarak antar bagian cukup lebar—80px. Halaman bergantian antara garis-garis latar belakang kosong yang dalam (#000000) dan sedikit lebih terang (#181818), dengan satu bagian terang (#def0dd) muncul di tengah halaman sebagai jeda visual. Navigasi terdiri dari satu bilah atas tetap dengan latar belakang buram—tanpa sidebar atau mega-menu. Bagian footer ringkas dan gelap, dengan kolom tautan berwarna hijau lembut. Kepadatan teks nyaman: setiap bagian diberi ruang yang cukup, dan grid kartu menggunakan tidak lebih dari tiga kolom.
Bahasa visual Modal terbagi menjadi dua mode: render produk 3D bercahaya dan mockup jendela kode gelap. Titik fokusnya adalah sebuah kubus 3D tunggal yang dirender menggunakan gradien pemasaran (dari hijau limau hingga zamrud), ditempatkan di dalam halo gradien radial yang memandikan ruang kosong dengan cahaya hijau—gaya visual khas merek tersebut. Kartu beban kerja berisi ikon 3D isometrik (kubus kerangka kawat, tangga padat, lapisan) yang dirender dalam warna hijau limau yang sama dengan latar belakang gelap. Kode dan hasil benchmark disajikan sebagai kartu jendela terminal dengan titik lampu lalu lintas, penyorotan sintaksis monospasi dalam palet berpendar, dan batas hijau redup—menyerupai tangkapan layar antarmuka baris perintah sungguhan. Logo klien ditampilkan sebagai label hijau keabu-abuan yang pudar dalam satu baris dengan kontras rendah, menandakan kepercayaan tanpa persaingan visual. Kepadatan keseluruhannya rendah—sebagian besar halaman sebagian besar berisi teks, dan gambar disajikan sebagai titik fokus individual daripada kisi-kisi foto. Tidak ada foto; seluruh sistem visual dirender, geometris, dan bercahaya.
Palet
Merek
- Lime Pulse
#7fee64— Elemen utama identitas perusahaan adalah logo, ajakan bertindak (call to action/CTA) utama, pengisian tag, status aktif, dan warna dasar ilustrasi.
Netral
- Phosphor White
#ddffdc— Teks utama, warna judul, garis luar ikon, dan teks tombol yang terisi merupakan permukaan utama yang dapat dibaca. - Void Black
#000000— Kanvas halaman, lapisan latar belakang terdalam. - Ground Iron
#181818— Pengisian tombol utama, permukaan kartu di area gelap, permukaan dasar antarmuka pengguna. - Carbon Veil
#212525— Permukaan yang ditinggikan, latar belakang navigasi, sedikit lebih terang dari permukaan tanah. - Circuit Border
#485346— Garis luar/bingkai aksi bayangan, garis tipis interaktif utama, memiliki warna abu-abu kehijauan yang redup. - Phosphor Blue-Black
#1f2a33— Garis penanda tipis sekunder, goresan pemisah di antara garis-garis gelap.
Tipografi
dari 12 hingga 64px · 8 langkah
- Goga — penggantian: Inter Tight or Space Grotesk · garis besar 400, 500 · Font Judul dan Subjudul – Digunakan untuk semua judul dan kartu H1–H4. Goga adalah font sans-serif geometris kustom dengan bukaan sempit dan ujung yang sedikit persegi. Bobot sedang (500) dikhususkan untuk menyoroti judul tingkat kartu; bobot normal (400) digunakan untuk judul hero dan bagian. Untuk mengakses bentuk glif alternatif yang mendefinisikan identitas Modal, set gaya 'ss01' harus diaktifkan. Jarak antar huruf negatif secara bertahap berkurang dari -0,007em pada 48px menjadi -0,017em pada 21px.
- Inter Variable — penggantian: Inter · garis besar 400, 500 · Antarmuka pengguna dan teks isi – navigasi, tombol, teks isi, label, footer. Bobot sedang (500) digunakan secara default untuk elemen interaktif dan navigasi; normal (400) digunakan untuk paragraf. Jarak antar huruf terlihat berkurang bahkan pada ukuran kecil (-0,026em pada 14px, -0,022em pada 16px), memberikan antarmuka kepadatan terminal yang padat. Untuk tanda baca alternatif, varian karakter 'cv11' harus disertakan. Label huruf kapital pada 12px menggunakan jarak antar huruf +0,05em untuk mengimbangi kepadatan teks isi.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | rata-rata |
| Langkah dasar | 20px |
| Radius tombol | 12px |
| Radius kartu | 8px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 80px |
| Lebar halaman | 1280px |
AI akan membangun situs web Anda dengan gaya Modal 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
- Slash — Ruang penyimpanan tengah malam dengan buku besar berlapis emas
- AgentQL — Cahaya aurora borealis di atas terminal pada malam hari.
- GitHub — Panel komando luar angkasa dengan titik kontrol bioluminesen—ruang kerja yang gelap dan penuh atmosfer di mana satu cahaya hijau menunjukkan arah ke depan.
- Doppler — Pencahayaan ungu di dalam brankas pada tengah malam. Kanvas yang hampir hitam itu bersinar dengan satu sinyal lavender dan lampu konfirmasi hijau, setiap permukaannya cukup melengkung untuk digenggam.
- Basedash — Terminal data tengah malam dengan font buram. Sebuah observatorium gelap tempat metrik bersinar ungu dan hijau, judul serif melayang di atas kebisingan, dan tombol berbentuk pil putih adalah satu-satunya objek terang di ruangan dengan permukaan hitam lembut.
- Superwhisper — Cahaya aurora menghilang di balik kaca tengah malam.
- Better Stack — Konsol SRE Tengah Malam
- Langbase — Konsol Cahaya Utara Tengah Malam
- Astro — Ruang Kontrol Misi Luar Angkasa Jauh dengan cahaya ungu tunggal dari nebula.
- Wayfinder — Layar film hitam dengan judul yang hampir tak terdengar melayang di atas ilustrasi bergerak. Antarmuka berupa penggeser kecerahan, bukan panel kontrol.
- HashiCorp — Ruang kendali di tengah malam dengan lampu neon ungu adalah permukaan teknis yang gelap di mana sebuah kubus heksagonal bercahaya berfungsi sebagai satu-satunya referensi warna.
- Umbrel — Perapian yang nyaman di ruang server malam—ruangan gelap di mana cahaya lembut berwarna peach menyoroti apa yang benar-benar penting.