Modal
Yon tèminal fosforesan nan yon chanm sèvè ki fè nwa - sèl sous limyè a se yon koulè vèt klere.
Modal fonksyone tankou yon tèminal fosforesan nan yon chanm sèvè ki fè nwa: yon twal prèske nwa, karaktè vèt pal, ak yon sèl aksan vèt sitwon klere ki aji kòm yon endikatè estati LED. Langaj konsepsyon an konsantre sou devlopè a—fenèt kòd monospaced ak pwen limyè trafik, ikòn 3D izometrik nan vèt siyati a, ak anpil espas blan, ki pèmèt yon eleman nan chak seksyon klere. Tipografi a divize ant yon font pèsonalize (Goga) pou tit yo ak yon font varyab (Inter) pou tout eleman UI yo, tou de mete ak yon swivi negatif etwat. Koulè yo distribye respire: pifò ekran yo akromatik, epi koulè vèt sitwon klere a parèt sèlman sou aksyon kle yo, logo a, ilistrasyon 3D yo, ak moman anfaz yo. Konpozan yo plat e san ankadreman, ak pwofondè ki kreye atravè fwontyè vèt sibtil ak flou background olye de lonbraj.
Modal la itilize yon layout nwa ki gen tout lajè a ak yon lajè maksimòm 1280px pou akomode kontni an. Fenèt ewo a santre: tit la (premye fraz la an vèt sitwon), yon soutit, de apèl a aksyon, ak yon sèl objè 3D kòm yon lank vizyèl—san separe layout la ak ba lateral la. Seksyon kontni yo swiv yon ritm inifòm: etikèt sousi (lèt majiskil, Moss 70) → tit Goga → tèks kò ki pa twò klere, answit swa yon layout de kolòn ak yon deskripsyon karakteristik (tèks + kòd/kat vizyèl) oswa yon griy kat ki gen twa kolòn. Espas ki genyen ant seksyon yo jenere—80px. Paj la altène ant bann vid pwofon (#000000) ak bann background ki yon ti jan pi lejè (#181818), ak yon seksyon lejè (#def0dd) ki parèt nan mitan paj la kòm yon ti repo vizyèl. Navigasyon an konsiste de yon sèl ba anlè fiks ak yon background flou—pa gen ba lateral oswa mega-meni. Pye paj la kontra enfòmèl ant epi fè nwa, ak kolòn lyen vèt ki pa twò klere. Dansite tèks la konfòtab: chak seksyon gen ase espas, epi kadriyaj kat yo pa itilize plis pase twa kolòn.
Langaj vizyèl Modal la divize an de mòd: rann pwodwi 3D klere ak maket fenèt kòd nwa. Pwen fokal la se yon sèl kib 3D ki rann lè l sèvi avèk yon gradyan maketing (soti nan vèt sitwon rive nan emwòd), ki mete nan yon halo gradyan radyal ki benyen espas vid la nan limyè vèt—stil vizyèl mak la. Kat chaj travay yo genyen ikòn 3D izometrik (yon kib fil elektrik, yon eskalye solid, kouch) ki rann nan menm vèt sitwon an sou yon background nwa. Rezilta kòd ak referans yo prezante kòm kat fenèt tèminal ak pwen limyè trafik, mete aksan sou sentaks monospaced nan yon palèt fosforesan, ak yon fwontyè vèt mou—yo sanble ak ekran yon koòdone liy kòmand reyèl. Logo kliyan yo parèt kòm etikèt vèt-gri desature nan yon sèl ranje ki gen ti kontras, ki siyal konfyans san konpetisyon vizyèl. Dansite jeneral la ba—pifò paj yo genyen prensipalman tèks, epi imaj yo prezante kòm pwen fokal endividyèl olye de griy foto. Pa gen okenn foto; tout sistèm vizyèl la rann, jeyometrik, ak radyan.
Palèt
Mak
- Lime Pulse
#7fee64— Eleman prensipal idantite antrepriz la se logo a, prensipal apèl a aksyon an (CTA), ranpli tag yo, eta aktif yo, ak koulè debaz ilistrasyon an.
Netral
- Phosphor White
#ddffdc— Tèks prensipal la, koulè tit la, kontou ikòn nan, ak tèks bouton ranpli a se sifas prensipal lizib la. - Void Black
#000000— Kanva paj la, kouch background ki pi pwofon an - Ground Iron
#181818— Ranpli bouton prensipal la, sifas kat nan zòn fènwa yo, sifas baz koòdone itilizatè a. - Carbon Veil
#212525— Sifas ki wo, background navigasyon, yon ti kras pi lejè pase tè a. - Circuit Border
#485346— Ankadreman aksyon kontou/fantòm lan, prensipal liy mens entèaktif la, se yon koulè vèt-gri ki pa twò klere. - Phosphor Blue-Black
#1f2a33— Liy makaj mens segondè, ki divize kou ant bann nwa yo.
Tipografi
soti nan 12 pou rive nan 64px · 8 etap
- Goga — ranplasman: Inter Tight or Space Grotesk · plan 400, 500 · Font Tit ak Soutit – Itilize pou tout tit ak kat H1–H4 yo. Goga se yon font sans-serif jewometrik pèsonalize ak ouvèti etwat ak tèminal yon ti jan kare. Pwa mwayen an (500) rezève pou mete aksan sou tit nivo kat yo; pwa nòmal la (400) itilize pou tit ewo ak seksyon yo. Pou jwenn aksè nan fòm glif altènatif ki defini idantite Modal la, seri estilistik 'ss01' li a dwe aktive. Espasman lèt negatif la diminye piti piti soti nan -0.007em nan 48px pou rive nan -0.017em nan 21px.
- Inter Variable — ranplasman: Inter · plan 400, 500 · Entèfas itilizatè ak kò tèks – navigasyon, bouton, kò tèks, etikèt, pye paj. Pa default, yo itilize epesè mwayen (500) pou eleman entèaktif ak navigasyon; yo itilize nòmal (400) pou paragraf yo. Espasman lèt yo redwi anpil menm nan ti gwosè (-0.026em nan 14px, -0.022em nan 16px), sa ki bay koòdone a yon dansite tèminal kondanse. Pou ponktiyasyon altènatif, yo ta dwe enkli varyant karaktè 'cv11' la. Etikèt ki an majiskil nan 12px itilize espasman lèt +0.05em pou balanse dansite kò tèks la.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | mwayèn |
| Etap debaz | 20px |
| Reyon bouton | 12px |
| Reyon kat | 8px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 80px |
| Lajè paj la | 1280px |
IA ap bati sit entènèt ou a nan style Modal epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Slash — Vout minwi ak rejis dore
- AgentQL — Limyè Nò yo sou tèminal la lannwit
- GitHub — Yon panèl kòmandman espasyal ak pwen kontwòl bioluminesan—yon espas travay fènwa ak atmosferik kote yon sèl limyè vèt montre chemen pou pi devan.
- Doppler — Limyè mov vout la a minwi. Twal prèske nwa a klere ak yon sèl siyal lavand ak yon limyè konfimasyon vèt, chak sifas koube ase pou moun ka kenbe l.
- Basedash — Yon tèminal done minwi ak yon karaktè mat. Yon obsèvatwa fènwa kote metrik yo klere koulè mov ak vèt, tit serif yo flote anlè bri a, epi bouton blan ki gen fòm grenn se sèl objè klere yo nan yon chanm ak sifas nwa mou.
- Superwhisper — Limyè nò yo fonn sou vè minwi a
- Better Stack — Konsole SRE minwi
- Langbase — Konsole Minwi Limyè Nò yo
- Astro — Kontwòl Misyon Espas Pwofon ak yon sèl limyè mov ki soti nan yon nebilez
- Wayfinder — Yon ekran fim nwa ak yon tit ki apèn tande k ap plane anlè yon ilistrasyon an dirèk. Entèfas la se yon kurseur pou ajiste klète olye de yon panèl kontwòl.
- HashiCorp — Sal kontwòl la a minwi ak limyè neon mov se yon sifas teknik fè nwa kote yon kib egzagonal klere sèvi kòm sèl referans koulè a.
- Umbrel — Yon twou dife konfòtab nan sal sèvè lannwit lan—yon chanm fènwa kote yon sèl limyè koulè pèch mete aksan sou sa ki vrèman enpòtan.