Modal
Terminal fosforesċenti f'kamra tas-server mudlama - l-unika sors ta' dawl huwa kulur aħdar jgħajjat
Il-modali jiffunzjona bħal terminal fosforesċenti f'kamra tas-server mudlama: kanvas kważi iswed, tipa ħadra ċara, u aċċent aħdar ċar wieħed li jaġixxi bħala indikatur tal-istatus LED. Il-lingwa tad-disinn hija ffukata fuq l-iżviluppatur—twieqi tal-kodiċi monospazjati b'tikek tad-dwal tat-traffiku, ikoni 3D iżometriċi fl-aħdar karatteristiku, u ħafna spazju abjad, li jippermetti li element wieħed f'kull sezzjoni jiddi. It-tipografija hija maqsuma bejn font apposta (Goga) għat-titoli u font varjabbli (Inter) għall-elementi kollha tal-UI, it-tnejn issettjati b'traċċar negattiv dejjaq. Il-kuluri huma mqassma b'mod uniformi: ħafna skrins huma akromatiċi, u l-kulur aħdar ċar jgħajjat jidher biss fuq azzjonijiet ewlenin, il-logo, illustrazzjonijiet 3D, u mumenti ta' enfasi. Il-komponenti huma ċatti u mingħajr frejm, b'fond maħluq permezz ta' borduri ħodor sottili u ċċajpar fl-isfond aktar milli dellijiet.
Il-modal juża tqassim skur b'wisa' sħiħa b'wisa' massima ta' 1280px biex jakkomoda l-kontenut. It-tieqa tal-eroj hija ċċentrata: it-titlu (l-ewwel sentenza bl-aħdar ċar), sottotitlu, żewġ sejħiet għall-azzjoni, u oġġett 3D wieħed bħala ankra viżwali—mingħajr ma tissepara t-tqassim mis-sidebar. Is-sezzjonijiet tal-kontenut isegwu ritmu uniformi: tikketta tal-għajn (ittri kapitali, Moss 70) → titlu Goga → test tal-ġisem siekta, imbagħad jew tqassim b'żewġ kolonni b'deskrizzjoni tal-karatteristika (test + kodiċi/karta viżwali) jew grilja ta' karti bi tliet kolonni. Il-kanali bejn is-sezzjonijiet huma ġenerużi—80px. Il-paġna talterna bejn strixxi vojta fondi (#000000) u strixxi fl-isfond kemxejn eħfef (#181818), b'sezzjoni waħda ċara (#def0dd) li tidher f'nofs il-paġna bħala pawża viżwali. In-navigazzjoni tikkonsisti minn bar ta' fuq wieħed u fiss bi sfond imċajpar—l-ebda sidebar jew mega-menu. Il-footer huwa kompatt u skur, b'kolonni ta' links ħodor siekta. Id-densità tat-test hija komda: kull sezzjoni tingħata biżżejjed spazju, u l-grilji tal-karti jużaw mhux aktar minn tliet kolonni.
Il-lingwaġġ viżwali ta' Modal huwa maqsum f'żewġ modi: renders tal-prodott 3D li jleqq u mockups tat-twieqi tal-kodiċi skur. Il-punt fokali huwa kubu 3D wieħed mogħti bl-użu ta' gradjent tal-marketing (minn aħdar ċar għal żmerald), imqiegħed f'halo ta' gradjent radjali li jgħatti l-ispazju vojt b'dawl aħdar—l-istil viżwali li huwa karatteristika tal-marka. Il-karti tat-tagħbija tax-xogħol fihom ikoni 3D iżometriċi (kubu wireframe, taraġ solidu, saffi) mogħtija fl-istess aħdar ċar fuq sfond skur. Ir-riżultati tal-kodiċi u tal-parametri referenzjarji huma ppreżentati bħala karti tat-twieqi tat-terminal b'tikek tad-dawl tat-traffiku, enfasi tas-sintassi monospazjata f'paletta fosforesċenti, u bordura ħadra siekta—jixbħu screenshots ta' interface tal-linja tal-kmand reali. Il-logos tal-klijenti huma murija bħala tikketti aħdar-griż desaturati f'ringiela waħda b'kuntrast baxx, li jindikaw fiduċja mingħajr kompetizzjoni viżwali. Id-densità ġenerali hija baxxa—ħafna paġni fihom predominantement test, u l-immaġini huma ppreżentati bħala punti fokali individwali aktar milli grilji ta' ritratti. M'hemm l-ebda ritratti; is-sistema viżwali kollha hija mogħtija, ġeometrika, u radjanti.
Paletta
Marka
- Lime Pulse
#7fee64— L-elementi ewlenin tal-identità korporattiva huma l-logo, is-sejħa ewlenija għall-azzjoni (CTA), il-mili tat-tags, l-istati attivi, u l-kulur bażiku tal-illustrazzjoni.
Newtrali
- Phosphor White
#ddffdc— It-test prinċipali, il-kulur tat-titlu, il-kontorn tal-ikona, u t-test tal-buttuna mimlija huma l-wiċċ ewlieni li jinqara. - Void Black
#000000— Kanvas tal-paġna, l-aktar saff profond tal-isfond - Ground Iron
#181818— Imla l-buttuna prinċipali, uċuħ tal-kard f'żoni mudlama, wiċċ tal-bażi tal-interfaċċja tal-utent. - Carbon Veil
#212525— Uċuħ elevati, sfond ta' navigazzjoni, ftit eħfef mill-art. - Circuit Border
#485346— Il-qafas tal-azzjoni tal-kontorn/fantażma, il-linja rqiqa interattiva ewlenija, huwa ta' lewn aħdar-griż sieket. - Phosphor Blue-Black
#1f2a33— Linji sekondarji rqaq tal-immarkar, li jaqsmu l-puplesiji bejn strixxi skuri.
Tipografija
minn 12 sa 64px · 8 passi
- Goga — sostituzzjoni: Inter Tight or Space Grotesk · linji gwida 400, 500 · Font għall-Intestaturi u s-Sottointestaturi – Użat għall-intestaturi u l-karti kollha H1–H4. Goga huwa font sans-serif ġeometriku apposta b'aperturi dojoq u terminali kemxejn kwadri. Il-piż medju (500) huwa riservat għall-enfasi fuq l-intestaturi fil-livell tal-karta; il-piż normali (400) jintuża għall-intestaturi tal-eroj u tas-sezzjonijiet. Biex taċċessa l-forom alternattivi tal-glifi li jiddefinixxu l-identità ta' Modal, is-sett stilistiku 'ss01' tiegħu jrid ikun attivat. L-ispazjar negattiv tal-ittri jonqos gradwalment minn -0.007em f'48px għal -0.017em f'21px.
- Inter Variable — sostituzzjoni: Inter · linji gwida 400, 500 · Interfaċċja tal-utent u kopja tal-korp – navigazzjoni, buttuni, kopja tal-korp, tikketti, footer. Piż medju (500) jintuża awtomatikament għal elementi interattivi u navigazzjoni; normali (400) jintuża għall-paragrafi. L-ispazjar tal-ittri huwa notevolment imnaqqas anke f'daqsijiet żgħar (-0.026em f'14px, -0.022em f'16px), u jagħti lill-interfaċċja densità terminali kkondensata. Għal punteġġjatura alternattiva, il-varjant tal-karattru 'cv11' għandu jiġi inkluż. Tikketti kollha b'ittri kbar f'12px jużaw spazjar tal-ittri ta' +0.05em biex jikkontrobilanċjaw id-densità tal-kopja tal-korp.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | medja |
| Pass bażiku | 20px |
| Raġġ tal-buttuna | 12px |
| Raġġ tal-karta | 8px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 80px |
| Wisa' tal-paġna | 1280px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Modal u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- Slash — Kassa ta' nofsillejl b'kotba tad-deheb
- AgentQL — Dwal tat-Tramuntana fuq it-terminal bil-lejl
- GitHub — Pannell tal-kmand spazjali b'punti ta' kontroll bijoluminexxenti—post tax-xogħol mudlam u atmosferiku fejn tiddix aħdar wieħed jindika t-triq 'il quddiem.
- Doppler — Id-dawl vjola tal-kamra tas-sigurtà f'nofsillejl. Il-kanvas kważi iswed jiddi b'sinjal lavanda wieħed u dawl aħdar ta' konferma, kull wiċċ mgħawweġ biżżejjed biex jinqabad.
- Basedash — Terminal tad-dejta ta’ nofsillejl b’font matte. Osservatorju skur fejn il-metriċi jiddu vjola u aħdar, aħbarijiet serif jgħumu ’l fuq mill-istorbju, u buttuni bojod f’forma ta’ pillola huma l-uniċi oġġetti jleqqu f’kamra b’uċuħ suwed rotob.
- Superwhisper — Id-dwal tat-tramuntana jinħallu fuq il-ħġieġ ta’ nofsillejl
- Better Stack — Konsola SRE ta' Nofsillejl
- Langbase — Konsola tad-Dwal tat-Tramuntana ta' Nofsillejl
- Astro — Kontroll tal-Missjoni tal-Ispazju Profond b'dija vjola waħda minn nebula
- Wayfinder — Skrin ta' film iswed b'titlu li bilkemm jinstema' jittajjar 'il fuq minn illustrazzjoni ħajja. L-interfaċċja hija slider tal-luminożità aktar milli pannell tal-kontroll.
- HashiCorp — Il-kamra tal-kontroll f'nofsillejl b'neon vjola hija wiċċ tekniku skur fejn kubu eżagonali jiddi jservi bħala l-unika referenza tal-kulur.
- Umbrel — Nar komdu fil-kamra tas-servers bil-lejl—kamra mudlama fejn tiddix wieħed ċar jenfasizza dak li hu verament importanti.