Modal
Një terminal fosforeshent në një dhomë serverash të errët - burimi i vetëm i dritës është një ngjyrë jeshile e ndritshme
Modali funksionon si një terminal fosforeshent në një dhomë serverash të errët: një kanavacë pothuajse e zezë, me shkronja jeshile të zbehtë dhe një theks i vetëm i ndritshëm jeshil-gëlqereje që vepron si një tregues i statusit LED. Gjuha e dizajnit është e fokusuar te zhvilluesit - dritare kodi me hapësirë monospecifike me pika semafori, ikona izometrike 3D në ngjyrën jeshile karakteristike dhe shumë hapësirë të bardhë, duke lejuar që një element në secilën pjesë të shkëlqejë. Tipografia ndahet midis një fonti të personalizuar (Goga) për titujt dhe një fonti të ndryshueshëm (Inter) për të gjithë elementët e ndërfaqes së përdoruesit, të dy të vendosur me gjurmim të ngushtë negativ. Ngjyrat shpërndahen në mënyrë të barabartë: shumica e ekraneve janë akromatike dhe ngjyra e ndritshme jeshile-gëlqereje shfaqet vetëm në veprimet kryesore, logon, ilustrimet 3D dhe momentet e theksimit. Komponentët janë të sheshtë dhe pa kornizë, me thellësi të krijuar përmes kufijve delikate jeshilë dhe turbullimit të sfondit në vend të hijeve.
Modali përdor një paraqitje të errët me gjerësi të plotë me një gjerësi maksimale prej 1280px për të akomoduar përmbajtjen. Dritarja hero është e përqendruar: titulli (fjalia e parë me ngjyrë jeshile limoni), një nëntitull, dy thirrje për veprim dhe një objekt i vetëm 3D si një spirancë vizuale - pa e ndarë paraqitjen nga shiriti anësor. Seksionet e përmbajtjes ndjekin një ritëm uniform: etiketë vetullash (shkronja kapitale, Moss 70) → titull Goga → tekst i trupit i zbehur, pastaj ose një paraqitje me dy kolona me një përshkrim të veçorisë (tekst + kod/kartë vizuale) ose një rrjetë me tre kolona kartash. Hapësirat midis seksioneve janë të bollshme - 80px. Faqja alternohet midis vijave të thella boshe (#000000) dhe sfondit pak më të çelët (#181818), me një seksion të çelët (#def0dd) që shfaqet në mes të faqes si një pushim vizual. Navigimi përbëhet nga një shirit i vetëm i fiksuar në krye me një sfond të turbullt - pa shirit anësor ose mega-menu. Fundi i faqes është kompakt dhe i errët, me kolona lidhjesh jeshile të zbehta. Dendësia e tekstit është e rehatshme: çdo seksioni i është dhënë hapësirë e mjaftueshme dhe rrjetat e kartave përdorin jo më shumë se tre kolona.
Gjuha vizuale e Modal është e ndarë në dy mënyra: renderime produktesh 3D me shkëlqim dhe makete dritaresh me kod të errët. Pika qendrore është një kub i vetëm 3D i renderuar duke përdorur një gradient marketingu (nga jeshile limoni në smerald), i vendosur brenda një aureole me gradient radial që e mbulon hapësirën bosh me dritë jeshile - stili vizual dallues i markës. Kartat e ngarkesës së punës përmbajnë ikona izometrike 3D (një kub me kornizë teli, një shkallë e ngurtë, shtresa) të renderuara në të njëjtën jeshile limoni kundrejt një sfondi të errët. Rezultatet e kodit dhe të referencës paraqiten si karta dritareje terminali me pika semafori, theksim sintaksor monospace në një paletë fosforeshente dhe një kufi të gjelbër të zbehtë - ato ngjajnë me pamje të ekranit të një ndërfaqeje të vërtetë të linjës së komandës. Logot e klientëve shfaqen si etiketa gri-jeshile të pangopura në një rresht të vetëm me kontrast të ulët, duke sinjalizuar besim pa konkurrencë vizuale. Dendësia e përgjithshme është e ulët - shumica e faqeve përmbajnë kryesisht tekst dhe imazhet paraqiten si pika qendrore individuale në vend të rrjetave të fotografive. Nuk ka fotografi; i gjithë sistemi vizual është i renderuar, gjeometrik dhe rrezatues.
Paletë
Markë
- Lime Pulse
#7fee64— Elementet kryesore të identitetit të korporatës janë logoja, thirrja kryesore për veprim (CTA), mbushja e etiketave, gjendjet aktive dhe ngjyra bazë e ilustrimit.
Neutral
- Phosphor White
#ddffdc— Teksti kryesor, ngjyra e titullit, skica e ikonës dhe teksti i mbushur i butonit janë sipërfaqja kryesore e lexueshme. - Void Black
#000000— Kanavaca e faqes, shtresa më e thellë e sfondit - Ground Iron
#181818— Mbushja e butonit kryesor, sipërfaqet e kartave në zonat e errëta, sipërfaqja bazë e ndërfaqes së përdoruesit. - Carbon Veil
#212525— Sipërfaqe të ngritura, sfond navigimi, pak më të lehta se toka. - Circuit Border
#485346— Korniza e veprimit skicë/fantazmë, vija kryesore e hollë interaktive, është një nuancë e zbehtë gri-jeshile. - Phosphor Blue-Black
#1f2a33— Vija të holla dytësore të shënjimit, që ndajnë goditjet midis vijave të errëta.
Tipografi
nga 12 në 64px · 8 hapa
- Goga — zëvendësim: Inter Tight or Space Grotesk · skica 400, 500 · Fonti i Titujve dhe Nëntitujve – Përdoret për të gjitha titujt dhe kartat H1–H4. Goga është një font gjeometrik sans-serif i personalizuar me hapje të ngushta dhe terminale paksa të katrorizuara. Pesha mesatare (500) është e rezervuar për nxjerrjen në pah të titujve në nivel karte; pesha normale (400) përdoret për titujt e heronjve dhe seksioneve. Për të aksesuar format alternative të glifeve që përcaktojnë identitetin e Modal, duhet të aktivizohet grupi i tij stilistik 'ss01'. Hapësira negative e shkronjave zvogëlohet gradualisht nga -0.007em në 48px në -0.017em në 21px.
- Inter Variable — zëvendësim: Inter · skica 400, 500 · Ndërfaqja e përdoruesit dhe kopja e trupit – navigimi, butonat, kopja e trupit, etiketat, fundi i faqes. Pesha mesatare (500) përdoret si parazgjedhje për elementët interaktivë dhe navigimin; pesha normale (400) përdoret për paragrafët. Hapësira midis shkronjave zvogëlohet dukshëm edhe në madhësi të vogla (-0.026em në 14px, -0.022em në 16px), duke i dhënë ndërfaqes një dendësi të kondensuar, terminale. Për pikësim alternativ, duhet të përfshihet varianti i karaktereve 'cv11'. Etiketat me shkronja të mëdha në 12px përdorin hapësirën midis shkronjave +0.05em për të balancuar dendësinë e kopjes së trupit.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | mesatare |
| Hapi bazë | 20px |
| Rrezja e butonit | 12px |
| Rrezja e kartës | 8px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 80px |
| Gjerësia e faqes | 1280px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Modal dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Slash — Kasaforta e mesnatës me libra të praruar
- AgentQL — Dritat Veriore mbi terminal natën
- GitHub — Një panel komande hapësinore me pika kontrolli biolumineshente—një hapësirë pune e errët, atmosferike ku një shkëlqim i vetëm jeshil tregon rrugën përpara.
- Doppler — Ndriçimi vjollcë i kasafortës në mesnatë. Kanavaca pothuajse e zezë shkëlqen me një sinjal të vetëm ngjyrë livandoje dhe një dritë konfirmimi jeshile, çdo sipërfaqe e lakuar mjaftueshëm për t'u kapur.
- Basedash — Një terminal të dhënash në mesnatë me font mat. Një vëzhgues i errët ku metrikat shkëlqejnë me vjollcë dhe jeshile, titujt serifë notojnë mbi zhurmën dhe butonat e bardhë në formë pilule janë të vetmet objekte të ndritshme në një dhomë me sipërfaqe të buta të zeza.
- Superwhisper — Dritat veriore treten mbi xhamin e mesnatës
- Better Stack — Konsola Midnight SRE
- Langbase — Konsola e Dritave Veriore të Mesnatës
- Astro — Kontrolli i Misionit të Hapësirës së Thellë me një shkëlqim të vetëm vjollcë nga një mjegullnajë
- Wayfinder — Një ekran filmi i zi me një titull mezi të dëgjueshëm që qëndron pezull mbi një ilustrim të drejtpërdrejtë. Ndërfaqja është një rrëshqitës ndriçimi në vend të një paneli kontrolli.
- HashiCorp — Dhoma e kontrollit në mesnatë me neon të purpurt është një sipërfaqe teknike e errët ku një kub gjashtëkëndor i shndritshëm shërben si referenca e vetme me ngjyra.
- Umbrel — Një vatër zjarri komode në dhomën e serverave të natës—një dhomë e errët ku një shkëlqim i vetëm ngjyrë pjeshke nxjerr në pah atë që është vërtet e rëndësishme.