Modal
Terminal berpendar ing kamar server sing peteng - siji-sijine sumber cahya yaiku warna ijo padhang
Modal fungsine kaya terminal berpendar ing ruang server sing peteng: kanvas sing meh ireng, jinis ijo pucet, lan aksen ijo limau padhang siji sing tumindak minangka indikator status LED. Basa desain fokus kanggo pangembang—jendela kode monospasi kanthi titik lampu lalu lintas, ikon 3D isometrik ing warna ijo khas, lan akeh ruang putih, saengga siji elemen ing saben bagean sumunar. Tipografi dipérang antarane font khusus (Goga) kanggo judhul lan font variabel (Inter) kanggo kabeh elemen UI, loro-lorone disetel kanthi pelacakan negatif sing sempit. Werna disebarake kanthi rata: umume layar akromatik, lan warna ijo limau padhang mung katon ing tumindak tombol, logo, ilustrasi 3D, lan momen penekanan. Komponen rata lan tanpa pigura, kanthi ambane digawe liwat wates ijo sing alus lan blur latar mburi tinimbang bayangan.
Modal iki nggunakake tata letak peteng kanthi jembar maksimal 1280px kanggo nampung konten. Jendhela pahlawan ana ing tengah: judhul (ukara pisanan kanthi warna ijo limau), subjudul, rong ajakan tumindak, lan obyek 3D tunggal minangka jangkar visual—tanpa misahake tata letak saka sidebar. Bagean konten ngetutake irama sing seragam: tag alis (huruf kapital, Moss 70) → Judhul Goga → teks awak sing diredam, banjur tata letak rong kolom kanthi katrangan fitur (teks + kode/kertu visual) utawa kothak kertu telung kolom. Talang antarane bagean akeh—80px. Kaca kasebut ganti-ganti antarane garis kosong sing jero (#000000) lan latar mburi sing rada luwih padhang (#181818), kanthi siji bagean padhang (#def0dd) katon ing tengah kaca minangka ambegan visual. Navigasi kasusun saka siji bilah ndhuwur sing tetep kanthi latar mburi sing burem—ora ana sidebar utawa mega-menu. Footer kompak lan peteng, kanthi kolom pranala ijo sing diredam. Kapadhetan teksé nyaman: saben bagean diwenehi papan sing cukup, lan kisi-kisi kertu ora nggunakake luwih saka telung kolom.
Basa visual Modal dipérang dadi rong mode: render produk 3D sing mencorong lan mockup jendela kode peteng. Titik fokus yaiku kubus 3D tunggal sing dirender nggunakake gradien pemasaran (saka ijo limau nganti zamrud), sing disetel ing njero halo gradien radial sing nyerap papan kosong kanthi cahya ijo—gaya visual khas merek kasebut. Kartu beban kerja ngemot ikon 3D isometrik (kubus wireframe, tangga padat, lapisan) sing dirender kanthi warna ijo limau sing padha kanthi latar mburi peteng. Asil kode lan benchmark ditampilake minangka kartu jendela terminal kanthi titik lampu lalu lintas, sorotan sintaks monospasi ing palet fosforesen, lan wates ijo sing diredam—kaya gambar layar antarmuka baris perintah sing nyata. Logo klien ditampilake minangka label ijo-abu-abu desaturasi ing siji baris kontras rendah, sing nuduhake kepercayaan tanpa kompetisi visual. Kapadhetan sakabèhé kurang—umume kaca ngemot teks, lan gambar ditampilake minangka titik fokus individu tinimbang kisi foto. Ora ana foto; kabeh sistem visual dirender, geometris, lan sumringah.
Palet
Merek
- Lime Pulse
#7fee64— Unsur utama identitas perusahaan yaiku logo, ajakan bertindak utama (CTA), pengisian tag, status aktif, lan warna dasar ilustrasi.
Netral
- Phosphor White
#ddffdc— Teks utama, warna judhul, garis besar ikon, lan teks tombol sing diisi minangka permukaan utama sing bisa diwaca. - Void Black
#000000— Kanvas kaca, lapisan latar mburi paling jero - Ground Iron
#181818— Isi tombol utama, permukaan kertu ing area peteng, permukaan dasar antarmuka panganggo. - Carbon Veil
#212525— Lumahing dhuwur, latar mburi navigasi, rada luwih entheng tinimbang lemah. - Circuit Border
#485346— Bingkai aksi outline/ghost, garis tipis interaktif utama, nduweni warna abu-abu kehijauan sing kalem. - Phosphor Blue-Black
#1f2a33— Garis tandha tipis sekunder, mbagi goresan antarane garis-garis peteng.
Tipografi
saka 12 nganti 64px · 8 langkah
- Goga — panggantos: Inter Tight or Space Grotesk · garis besar 400, 500 · Font Judhul lan Subjudul – Digunakake kanggo kabeh judhul lan kertu H1–H4. Goga minangka font sans-serif geometris khusus kanthi bolongan sempit lan terminal sing rada kothak. Bobot medium (500) dicadhangake kanggo nyorot judhul tingkat kertu; bobot normal (400) digunakake kanggo judhul pahlawan lan bagean. Kanggo ngakses bentuk glif alternatif sing nemtokake identitas Modal, set gaya 'ss01' kudu diaktifake. Jarak huruf negatif mboko sithik mudhun saka -0.007em ing 48px dadi -0.017em ing 21px.
- Inter Variable — panggantos: Inter · garis besar 400, 500 · Antarmuka panganggo lan isi teks – navigasi, tombol, isi teks, label, footer. Bobot medium (500) digunakake minangka standar kanggo elemen interaktif lan navigasi; normal (400) digunakake kanggo paragraf. Jarak huruf dikurangi kanthi nyata sanajan ing ukuran cilik (-0.026em ing 14px, -0.022em ing 16px), menehi antarmuka kapadhetan terminal sing ringkes. Kanggo tandha wacan alternatif, varian karakter 'cv11' kudu dilebokake. Label kabeh-huruf gedhe ing 12px nggunakake jarak huruf +0.05em kanggo ngimbangi kapadhetan isi teks.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | rata-rata |
| Langkah dhasar | 20px |
| Radius tombol | 12px |
| Radius kertu | 8px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 80px |
| Ambane kaca | 1280px |
AI bakal mbangun situs web sampeyan nganggo gaya Modal lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- Slash — Gudang tengah wengi nganggo buku besar berlapis emas
- AgentQL — Lampu Lor ing ndhuwur terminal ing wayah wengi
- GitHub — Panel komando luar angkasa kanthi titik kontrol bioluminescent—ruang kerja sing peteng lan atmosferik ing ngendi ana cahya ijo siji sing nuduhake dalan maju.
- Doppler — Cahya wungu ing brankas ing tengah wengi. Kanvas sing meh ireng sumunar nganggo sinyal lavender siji lan lampu konfirmasi ijo, saben permukaan mlengkung cukup kanggo dicekel.
- Basedash — Terminal data tengah wengi nganggo font matte. Observatorium peteng ing ngendi metrik sumunar ungu lan ijo, judhul serif ngambang ing ndhuwur gangguan, lan tombol putih awujud pil minangka siji-sijine obyek padhang ing ruangan permukaan ireng alus.
- Superwhisper — Cahya lor ilang ing kaca tengah wengi
- Better Stack — Konsol SRE Tengah Wengi
- Langbase — Konsol Lampu Lor Tengah Wengi
- Astro — Kontrol Misi Luar Angkasa Jero kanthi cahya ungu tunggal saka nebula
- Wayfinder — Layar film ireng kanthi judhul sing meh ora keprungu ngambang ing ndhuwur ilustrasi langsung. Antarmukane awujud slider padhange, dudu panel kontrol.
- HashiCorp — Kamar kontrol ing tengah wengi kanthi neon ungu minangka permukaan teknis peteng ing ngendi kubus heksagonal sing mencorong dadi siji-sijine referensi warna.
- Umbrel — Perapian sing nyaman ing kamar server wengi—kamar peteng kanthi cahya peach sing nyorot apa sing pancen penting.