Modal
Terminal berpendar di rohangan server anu poék - hiji-hijina sumber cahaya nyaéta héjo caang
Modal fungsina kawas terminal nu ngabebela dina rohangan server nu poék: kanvas nu ampir hideung, tipe héjo pucet, jeung hiji aksen héjo jeruk nipis nu caang nu jadi indikator status LED. Basa desainna fokus ka pamekar—jandéla kode monospasi kalawan titik lampu lalu lintas, ikon 3D isometrik dina warna héjo has, jeung loba rohangan bodas, nu ngamungkinkeun hiji unsur dina unggal bagian hurung. Tipografi dibagi antara font khusus (Goga) pikeun judul jeung font variabel (Inter) pikeun sadaya unsur UI, duanana disetel ku pelacakan négatif nu heureut. Warna disebarkeun rata: kalolobaan layar akromatik, jeung warna héjo jeruk nipis nu caang ngan némbongan dina tindakan konci, logo, ilustrasi 3D, jeung momen penekanan. Komponenna datar jeung tanpa pigura, kalawan jerona dijieun ngaliwatan wates héjo nu lemes jeung blur latar tukang tinimbang kalangkang.
Modal ieu nganggo tata letak poék lébar pinuh kalayan lébar maksimum 1280px pikeun nampung eusi. Jandéla pahlawan aya di tengah: judul (kalimah munggaran dina héjo jeruk nipis), subjudul, dua ajakan pikeun bertindak, sareng hiji objék 3D salaku jangkar visual—tanpa misahkeun tata letak tina sidebar. Bagian eusi nuturkeun wirahma anu seragam: tag alis (hurup kapital, Moss 70) → Judul Goga → téks awak anu diredam, teras boh tata letak dua kolom kalayan pedaran fitur (téks + kode/kartu visual) atanapi grid kartu tilu kolom. Talang antara bagian lega—80px. Kaca silih genti antara garis kosong anu jero (#000000) sareng latar tukang anu rada hampang (#181818), kalayan hiji bagian caang (#def0dd) muncul di tengah halaman salaku istirahat visual. Navigasi diwangun ku hiji bilah luhur anu tetep kalayan latar tukang anu kabur—henteu aya sidebar atanapi mega-menu. Footerna kompak sareng poék, kalayan kolom tautan héjo anu diredam. Kapadetan téksna merenah: unggal bagian dibéré rohangan anu lega, sareng kisi kartu henteu nganggo langkung ti tilu kolom.
Basa visual Modal dibagi kana dua modeu: render produk 3D anu caang sareng mockup jandela kode poék. Titik fokusna nyaéta kubus 3D tunggal anu dirender nganggo gradien pamasaran (ti héjo jeruk nipis dugi ka zamrud), anu disetél dina halo gradien radial anu ngamandian rohangan kosong dina lampu héjo — gaya visual khas mérek éta. Kartu beban kerja ngandung ikon 3D isometrik (kubus wireframe, tangga padet, lapisan) anu dirender dina héjo jeruk nipis anu sami ngalawan latar tukang poék. Hasil kode sareng patokan dipidangkeun salaku kartu jandela terminal kalayan titik lampu lalu lintas, panyorot sintaksis monospaced dina palet fosforesen, sareng wates héjo anu diredam — éta nyarupaan cuplikan layar tina antarmuka baris paréntah anu nyata. Logo klien dipidangkeun salaku labél héjo-abu-abu desaturasi dina hiji baris kontras rendah, nunjukkeun kapercayaan tanpa persaingan visual. Kapadetan sakabéhna rendah — kaseueuran halaman didominasi téks, sareng gambar dipidangkeun salaku titik fokus individu tinimbang grid poto. Teu aya poto; sakabéh sistem visual dirender, géométri, sareng radian.
Palet
Merek
- Lime Pulse
#7fee64— Unsur utama idéntitas perusahaan nyaéta logo, ajakan utama pikeun bertindak (CTA), eusian tag, kaayaan aktif, sareng warna dasar ilustrasi.
Nétral
- Phosphor White
#ddffdc— Téks utama, warna judul, garis luar ikon, sareng téks tombol anu dieusi mangrupikeun permukaan utama anu tiasa dibaca. - Void Black
#000000— Kanvas kaca, lapisan latar anu pangjerona - Ground Iron
#181818— Eusian tombol utama, permukaan kartu di daérah poék, permukaan dasar antarmuka pangguna. - Carbon Veil
#212525— Beungeut luhur, latar navigasi, rada hampang tibatan taneuh. - Circuit Border
#485346— Garis luar/bingkai aksi hantu, garis ipis interaktif utama, warnana kulawu-héjo nu diredam. - Phosphor Blue-Black
#1f2a33— Garis tanda ipis sekundér, ngabagi goresan antara garis-garis poék.
Tipografi
ti 12 nepi ka 64px · 8 léngkah
- Goga — panggantian: Inter Tight or Space Grotesk · garis besar 400, 500 · Font Judul jeung Subjudul – Dianggo pikeun sadaya judul jeung kartu H1–H4. Goga nyaéta font sans-serif géométri khusus kalayan liang sempit jeung terminal rada pasagi. Beurat sedeng (500) disimpen pikeun nyorot judul tingkat kartu; beurat normal (400) dipaké pikeun judul pahlawan jeung bagian. Pikeun ngaksés bentuk glif alternatif anu ngahartikeun idéntitas Modal, set gaya 'ss01' na kudu diaktipkeun. Spasi hurup négatif laun-laun turun ti -0.007em dina 48px ka -0.017em dina 21px.
- Inter Variable — panggantian: Inter · garis besar 400, 500 · Antarbeungeut pangguna sareng salinan awak – navigasi, tombol, salinan awak, labél, footer. Beurat sedeng (500) dianggo sacara standar pikeun unsur interaktif sareng navigasi; normal (400) dianggo pikeun paragraf. Spasi hurup dikirangan sacara nyata sanajan dina ukuran alit (-0.026em dina 14px, -0.022em dina 16px), masihan antarmuka kapadetan terminal anu padet. Pikeun tanda baca alternatif, varian karakter 'cv11' kedah dilebetkeun. Labél sadaya-huruf dina 12px nganggo spasi hurup +0.05em pikeun ngimbangan kapadetan salinan awak.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | rata-rata |
| Léngkah dasar | 20px |
| Radius tombol | 12px |
| Radius kartu | 8px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 80px |
| Lebar kaca | 1280px |
AI bakal ngawangun situs wéb anjeun dina gaya Modal sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Slash — Gudang tengah peuting kalawan buku besar anu dilapis emas
- AgentQL — Lampu Kalér di luhur terminal peuting
- GitHub — Panel komando luar angkasa kalayan titik kontrol bioluminescent—ruang kerja anu poék sareng atmosfir dimana hiji cahaya héjo nunjukkeun jalan ka hareup.
- Doppler — Cahaya wungu di jero kubah tengah peuting. Kanvas anu ampir hideung hurung ku hiji sinyal lavender sareng lampu konfirmasi héjo, unggal permukaan melengkung cukup pikeun dicekel.
- Basedash — Terminal data tengah peuting nganggo font matte. Observatorium poék dimana metrik hurung wungu sareng héjo, judul serif ngambang di luhur noise, sareng tombol bodas anu bentukna pil mangrupikeun hiji-hijina objék anu caang dina rohangan anu permukaan hideung lemes.
- Superwhisper — Lampu kalér leyur dina kaca tengah peuting
- Better Stack — Konsol SRE Tengah Peuting
- Langbase — Konsol Lampu Kalér Tengah Peuting
- Astro — Kontrol Misi Luar Angkasa Jero kalayan hiji cahaya wungu ti nebula
- Wayfinder — Layar pilem hideung kalayan judul anu ampir teu kadéngé ngalayang di luhur ilustrasi langsung. Antarbeungeutna mangrupikeun slider kacaangan tinimbang panel kontrol.
- HashiCorp — Ruang kontrol tengah peuting anu dipapaésan ku lampu néon wungu mangrupa permukaan téknis poék dimana kubus héksagonal anu hurung jadi hiji-hijina rujukan warna.
- Umbrel — Hareupeun anu nyaman di rohangan server peuting—rohangan poék dimana hiji cahaya anu éndah nyorot naon anu leres-leres penting.