Modal
Terminal berpendarfluor di dalam bilik pelayan yang gelap - satu-satunya sumber cahaya ialah warna hijau terang
Modal berfungsi seperti terminal berpendarfluor dalam bilik pelayan yang gelap: kanvas hampir hitam, jenis hijau pucat dan satu aksen hijau limau terang yang bertindak sebagai penunjuk status LED. Bahasa reka bentuknya berfokuskan pembangun—tetingkap kod monospasi dengan titik lampu isyarat, ikon 3D isometrik dalam warna hijau khas dan banyak ruang putih, membolehkan satu elemen dalam setiap bahagian bersinar. Tipografi dibahagikan antara fon tersuai (Goga) untuk tajuk dan fon boleh ubah (Inter) untuk semua elemen UI, kedua-duanya ditetapkan dengan penjejakan negatif yang sempit. Warna diagihkan secara sama rata: kebanyakan skrin adalah akromatik dan warna hijau limau terang hanya muncul pada tindakan utama, logo, ilustrasi 3D dan saat-saat penekanan. Komponen adalah rata dan tanpa bingkai, dengan kedalaman dicipta melalui sempadan hijau halus dan kabur latar belakang dan bukannya bayang-bayang.
Modal ini menggunakan susun atur gelap lebar penuh dengan lebar maksimum 1280px untuk menampung kandungan. Tetingkap wira berada di tengah: tajuk (ayat pertama berwarna hijau limau), subtajuk, dua seruan bertindak dan objek 3D tunggal sebagai sauh visual—tanpa memisahkan susun atur daripada bar sisi. Bahagian kandungan mengikuti rentak seragam: tag kening (huruf besar, Lumut 70) → Tajuk Goga → teks isi yang disenyapkan, kemudian sama ada susun atur dua lajur dengan penerangan ciri (teks + kod/kad visual) atau grid kad tiga lajur. Longkang antara bahagian luas—80px. Halaman berselang-seli antara jalur kosong pekat (#000000) dan latar belakang yang sedikit lebih cerah (#181818), dengan satu bahagian terang (#def0dd) muncul di tengah halaman sebagai rehat visual. Navigasi terdiri daripada bar atas tetap tunggal dengan latar belakang kabur—tiada bar sisi atau mega-menu. Pengaki padat dan gelap, dengan lajur pautan hijau yang disenyapkan. Ketumpatan teks adalah selesa: setiap bahagian diberikan ruang yang mencukupi, dan grid kad tidak menggunakan lebih daripada tiga lajur.
Bahasa visual Modal dibahagikan kepada dua mod: pemaparan produk bercahaya 3D dan mockup tetingkap kod gelap. Titik fokus ialah kiub 3D tunggal yang dipamerkan menggunakan kecerunan pemasaran (dari hijau limau hingga zamrud), yang ditetapkan dalam halo kecerunan jejari yang memandikan ruang kosong dengan cahaya hijau—gaya visual khas jenama itu. Kad beban kerja mengandungi ikon 3D isometrik (kiub rangka dawai, tangga pepejal, lapisan) yang dipamerkan dalam warna hijau limau yang sama dengan latar belakang gelap. Keputusan kod dan penanda aras dibentangkan sebagai kad tetingkap terminal dengan titik lampu isyarat, penonjolan sintaks monojarak dalam palet pendarfluor dan sempadan hijau yang disenyapkan—ia menyerupai tangkapan skrin antara muka baris arahan sebenar. Logo klien dipaparkan sebagai label hijau-kelabu yang dinyahtepu dalam satu baris kontras rendah, menandakan kepercayaan tanpa persaingan visual. Ketumpatan keseluruhan adalah rendah—kebanyakan halaman kebanyakannya mengandungi teks dan imej dibentangkan sebagai titik fokus individu dan bukannya grid gambar. Tiada gambar; keseluruhan sistem visual dipamerkan, geometri dan berseri.
Palet
Jenama
- Lime Pulse
#7fee64— Elemen utama identiti korporat ialah logo, seruan bertindak utama (CTA), pengisian tag, keadaan aktif dan warna asas ilustrasi.
Neutral
- Phosphor White
#ddffdc— Teks utama, warna tajuk, garis besar ikon dan teks butang yang diisi adalah permukaan utama yang boleh dibaca. - Void Black
#000000— Kanvas halaman, lapisan latar belakang terdalam - Ground Iron
#181818— Isian butang utama, permukaan kad di kawasan gelap, permukaan asas antara muka pengguna. - Carbon Veil
#212525— Permukaan tinggi, latar belakang navigasi, sedikit lebih ringan daripada tanah. - Circuit Border
#485346— Bingkai aksi garis luar/hantu, garis nipis interaktif utama, mempunyai warna kelabu kehijauan yang disenyapkan. - Phosphor Blue-Black
#1f2a33— Garisan penanda nipis sekunder, membahagikan goresan antara jalur gelap.
Tipografi
dari 12 hingga 64px · 8 langkah
- Goga — penggantian: Inter Tight or Space Grotesk · garis besar 400, 500 · Fon Tajuk dan Subtajuk – Digunakan untuk semua tajuk dan kad H1–H4. Goga ialah fon sans-serif geometri tersuai dengan apertur sempit dan terminal yang sedikit bersegi. Berat sederhana (500) dikhaskan untuk menyerlahkan tajuk peringkat kad; berat biasa (400) digunakan untuk tajuk wira dan bahagian. Untuk mengakses bentuk glif alternatif yang menentukan identiti Modal, set gaya 'ss01' mesti diaktifkan. Jarak huruf negatif secara beransur-ansur berkurangan daripada -0.007em pada 48px kepada -0.017em pada 21px.
- Inter Variable — penggantian: Inter · garis besar 400, 500 · Antara muka pengguna dan salinan badan – navigasi, butang, salinan badan, label, pengaki. Berat sederhana (500) digunakan secara lalai untuk elemen interaktif dan navigasi; normal (400) digunakan untuk perenggan. Jarak huruf dikurangkan dengan ketara walaupun pada saiz kecil (-0.026em pada 14px, -0.022em pada 16px), memberikan antara muka kepadatan terminal yang padat. Untuk tanda baca alternatif, varian aksara 'cv11' harus disertakan. Label semua huruf besar pada 12px menggunakan jarak huruf +0.05em untuk mengimbangi kepadatan salinan badan.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | purata |
| Langkah asas | 20px |
| Jejari butang | 12px |
| Jejari kad | 8px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 80px |
| Lebar halaman | 1280px |
AI akan membina laman web anda dalam gaya Modal dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- Slash — Peti besi tengah malam dengan lejar berlapis emas
- AgentQL — Cahaya Utara di atas terminal pada waktu malam
- GitHub — Panel arahan angkasa lepas dengan titik kawalan bioluminesen—ruang kerja yang gelap dan atmosfera di mana satu cahaya hijau menunjukkan arah ke hadapan.
- Doppler — Lampu ungu bilik kebal itu pada tengah malam. Kanvas yang hampir hitam itu bersinar dengan satu isyarat lavender dan lampu pengesahan hijau, setiap permukaan melengkung cukup untuk digenggam.
- Basedash — Terminal data tengah malam dengan fon matte. Sebuah balai cerap gelap di mana metrik bercahaya ungu dan hijau, tajuk utama serif terapung di atas hingar, dan butang putih berbentuk pil adalah satu-satunya objek terang di dalam bilik permukaan hitam lembut.
- Superwhisper — Cahaya utara menghilang di atas kaca tengah malam
- Better Stack — Konsol SRE Tengah Malam
- Langbase — Konsol Cahaya Utara Tengah Malam
- Astro — Kawalan Misi Angkasa Lepas Dalam dengan cahaya ungu tunggal dari nebula
- Wayfinder — Skrin filem hitam dengan tajuk yang hampir tidak kedengaran berlegar di atas ilustrasi langsung. Antara mukanya ialah gelangsar kecerahan dan bukannya panel kawalan.
- HashiCorp — Bilik kawalan pada tengah malam dengan neon ungu ialah permukaan teknikal gelap di mana kiub heksagon bercahaya berfungsi sebagai satu-satunya rujukan warna.
- Umbrel — Sebuah lubang unggun api yang selesa di bilik pelayan malam—sebuah bilik gelap di mana satu cahaya pic menonjolkan apa yang benar-benar penting.