Modal
Kifaa cha fosforasi katika chumba cha seva chenye giza - chanzo pekee cha mwanga ni rangi ya kijani kibichi
Modal hufanya kazi kama terminal ya fosforasi katika chumba cha seva chenye giza: turubai nyeusi karibu, aina ya kijani kibichi, na lafudhi moja angavu ya kijani kibichi inayofanya kazi kama kiashiria cha hali ya LED. Lugha ya muundo inalenga msanidi programu—madirisha ya msimbo yenye nafasi moja yenye nukta za taa za trafiki, aikoni za isometric 3D katika kijani kibichi, na nafasi nyingi nyeupe, ikiruhusu kipengele kimoja katika kila sehemu kung'aa. Uchapaji umegawanywa kati ya fonti maalum (Goga) kwa vichwa vya habari na fonti inayobadilika (Inter) kwa vipengele vyote vya UI, vyote vikiwa na ufuatiliaji mwembamba hasi. Rangi husambazwa sawasawa: skrini nyingi hazina mchoro, na rangi angavu ya kijani kibichi inaonekana tu kwenye vitendo muhimu, nembo, vielelezo vya 3D, na wakati wa msisitizo. Vipengele ni tambarare na havina fremu, huku kina kikiundwa kupitia mipaka ya kijani kibichi na ukungu wa mandharinyuma badala ya vivuli.
Moduli hutumia mpangilio mweusi wenye upana kamili na upana wa juu wa pikseli 1280 ili kutoshea maudhui. Dirisha la shujaa liko katikati: kichwa (sentensi ya kwanza katika rangi ya kijani kibichi), kichwa kidogo, wito mbili wa kuchukua hatua, na kitu kimoja cha 3D kama nanga inayoonekana—bila kutenganisha mpangilio kutoka kwenye upau wa pembeni. Sehemu za maudhui hufuata mdundo sare: lebo ya nyusi (herufi kubwa, Moss 70) → Kichwa cha Goga → maandishi ya mwili yaliyonyamazishwa, kisha mpangilio wa safu wima mbili wenye maelezo ya kipengele (maandishi + msimbo/kadi inayoonekana) au gridi ya kadi zenye safu wima tatu. Mifereji kati ya sehemu ni mingi—pikseli 80. Ukurasa hubadilishana kati ya mistari tupu (#000000) na mandharinyuma nyepesi kidogo (#181818), huku sehemu moja ya mwanga (#def0dd) ikionekana katikati ya ukurasa kama kipumuaji cha kuona. Usogezaji una upau mmoja wa juu uliowekwa na mandharinyuma iliyofifia—hakuna upau wa pembeni au menyu kubwa. Kijachini ni kidogo na cheusi, na safu wima za kiungo cha kijani zilizonyamazishwa. Uzito wa maandishi ni mzuri: kila sehemu ina nafasi ya kutosha, na gridi za kadi hazitumii zaidi ya safu wima tatu.
Lugha ya kuona ya Modal imegawanywa katika aina mbili: michoro ya bidhaa inayong'aa ya 3D na michoro ya dirisha la msimbo mweusi. Sehemu ya kuzingatia ni mchemraba mmoja wa 3D uliochorwa kwa kutumia gradient ya uuzaji (kutoka kijani kibichi hadi zumaridi), uliowekwa ndani ya halo ya gradient ya radial inayoosha nafasi tupu katika mwanga wa kijani—mtindo wa kuona wa chapa. Kadi za mzigo wa kazi zina aikoni za isometric 3D (mchemraba wa fremu ya waya, ngazi imara, tabaka) zilizochorwa katika kijani kibichi sawa dhidi ya mandharinyuma meusi. Matokeo ya msimbo na kipimo huwasilishwa kama kadi za dirisha la mwisho zenye nukta za taa za trafiki, mwangaza wa sintaksia yenye nafasi moja katika rangi ya fosforasi, na mpaka wa kijani ulionyamazishwa—zinafanana na picha za skrini za kiolesura halisi cha mstari wa amri. Nembo za mteja huonyeshwa kama lebo za kijani-kijivu zilizokaushwa katika safu wima moja, yenye utofauti mdogo, ishara ya uaminifu bila ushindani wa kuona. Msongamano wa jumla ni mdogo—kurasa nyingi zina maandishi mengi, na picha huwasilishwa kama sehemu za kuzingatia za kibinafsi badala ya gridi za picha. Hakuna picha; mfumo mzima wa kuona umechorwa, wa kijiometri, na unang'aa.
Paleti
Chapa
- Lime Pulse
#7fee64— Vipengele vikuu vya utambulisho wa shirika ni nembo, wito mkuu wa kuchukua hatua (CTA), ujazaji wa lebo, hali zinazotumika, na rangi ya msingi ya kielelezo.
Isiyoegemea upande wowote
- Phosphor White
#ddffdc— Maandishi kuu, rangi ya kichwa, muhtasari wa aikoni, na maandishi ya vitufe vilivyojazwa ndiyo sehemu kuu inayoweza kusomeka. - Void Black
#000000— Turubai ya ukurasa, safu ya mandharinyuma yenye kina kirefu zaidi - Ground Iron
#181818— Kujaza vitufe vikuu, nyuso za kadi katika maeneo yenye giza, uso wa msingi wa kiolesura cha mtumiaji. - Carbon Veil
#212525— Nyuso zilizoinuliwa, mandharinyuma ya urambazaji, nyepesi kidogo kuliko ardhi. - Circuit Border
#485346— Fremu ya kitendo cha muhtasari/mzuka, mstari mwembamba mkuu shirikishi, ni kivuli cha kijani-kijivu kilichonyamazishwa. - Phosphor Blue-Black
#1f2a33— Mistari nyembamba ya pili, ikigawanya mipigo kati ya mistari nyeusi.
Uchapaji
kutoka pikseli 12 hadi 64 · hatua 8
- Goga — mbadala: Inter Tight or Space Grotesk · mihtasari 400, 500 · Fonti ya Kichwa na Kichwa Kidogo - Inatumika kwa vichwa na kadi zote za H1–H4. Goga ni fonti maalum ya kijiometri isiyo na serif yenye nafasi nyembamba na vituo vyenye mraba kidogo. Uzito wa wastani (500) umehifadhiwa kwa ajili ya kuangazia vichwa vya kiwango cha kadi; uzito wa kawaida (400) hutumika kwa vichwa vya shujaa na sehemu. Ili kufikia maumbo mbadala ya glyph yanayofafanua utambulisho wa Modal, seti yake ya mtindo wa 'ss01' lazima iwezeshwe. Nafasi ya herufi hasi hupungua polepole kutoka -0.007em kwa pikseli 48 hadi -0.017em kwa pikseli 21.
- Inter Variable — mbadala: Inter · mihtasari 400, 500 · Kiolesura cha mtumiaji na nakala ya mwili - urambazaji, vitufe, nakala ya mwili, lebo, kijachini. Uzito wa wastani (500) hutumiwa kwa chaguo-msingi kwa vipengele shirikishi na urambazaji; kawaida (400) hutumiwa kwa aya. Nafasi ya herufi hupunguzwa sana hata kwa ukubwa mdogo (-0.026em kwa pikseli 14, -0.022em kwa pikseli 16), na kuipa kiolesura msongamano wa mwisho uliofupishwa. Kwa uakifishaji mbadala, lahaja ya herufi ya 'cv11' inapaswa kujumuishwa. Lebo zenye herufi kubwa zote kwa pikseli 12 hutumia nafasi ya herufi ya +0.05em ili kusawazisha msongamano wa nakala ya mwili.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | wastani |
| Hatua ya msingi | 20px |
| Kipenyo cha kitufe | 12px |
| Redi ya kadi | 8px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 80px |
| Upana wa ukurasa | 1280px |
AI itaunda tovuti yako kwa mtindo wa Modal na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Slash — Hifadhi ya usiku wa manane yenye leja zilizopambwa kwa dhahabu
- AgentQL — Taa za Kaskazini juu ya kituo usiku
- GitHub — Paneli ya amri ya anga yenye sehemu za kudhibiti mwangaza wa kibiolojia—sehemu ya kazi yenye giza, angavu ambapo mwangaza mmoja wa kijani huelekeza njia mbele.
- Doppler — Taa ya zambarau ya chumba cha kuhifadhia vitu usiku wa manane. Turubai nyeusi karibu inang'aa kwa ishara moja ya lavender na taa ya kijani kibichi ya uthibitisho, kila uso umepinda vya kutosha kushikiliwa.
- Basedash — Kituo cha data cha usiku wa manane chenye fonti isiyong'aa. Kituo cha uchunguzi cheusi ambapo vipimo vinang'aa zambarau na kijani, vichwa vya habari vya serif vinaelea juu ya kelele, na vifungo vyeupe vyenye umbo la kidonge ndivyo vitu pekee vinavyong'aa katika chumba chenye nyuso nyeusi laini.
- Superwhisper — Taa za kaskazini huyeyuka juu ya kioo cha usiku wa manane
- Better Stack — Kiweko cha SRE cha Usiku wa Manane
- Langbase — Kiweko cha Taa za Kaskazini za Usiku wa Manane
- Astro — Udhibiti wa Misheni ya Anga za Juu kwa mwanga mmoja wa zambarau kutoka kwa nebula
- Wayfinder — Skrini nyeusi ya filamu yenye kichwa kisichosikika vizuri kinachoelea juu ya mchoro wa moja kwa moja. Kiolesura ni kitelezi cha mwangaza badala ya paneli ya kudhibiti.
- HashiCorp — Chumba cha kudhibiti usiku wa manane chenye neon ya zambarau ni uso mweusi wa kiufundi ambapo mchemraba wa hexagonal unaong'aa hutumika kama marejeleo pekee ya rangi.
- Umbrel — Sehemu ya moto yenye utulivu katika chumba cha wahudumu wa usiku—chumba chenye giza ambapo mwangaza mmoja wa peachi huangazia kile ambacho ni muhimu kweli.