Modal
Chiteshi che phosphorescent chiri mukamuri re server rakasviba - chiedza chega chinobva ruvara rwegirini rakajeka
Modal inoshanda se phosphorescent terminal mukamuri reserver rakasviba: canvas dema, girini rakachenuruka, uye imwe chete yakajeka ye lime-green inoshanda se LED status indicator. Mutauro wekugadzira unotarisa kune vagadziri—mahwindo ekodhi ane nzvimbo imwe chete ane madotsi emwenje yetraffic, zviratidzo zve isometric 3D mugirini re signature, uye nzvimbo chena yakawanda, zvichibvumira chinhu chimwe muchikamu chega chega kupenya. Typography yakakamurwa pakati pefonti yakagadzirwa (Goga) yemisoro uye fonti inoshanduka (Inter) yeese maUI elements, ese akaiswa ne negative tracking. Mavara akagoverwa zvakaenzana: mascreen mazhinji haana chromatic, uye ruvara rwe lime-green rwakajeka runoonekwa chete pazviito zvakakosha, logo, mifananidzo ye3D, uye nguva dzekusimbiswa. Zvikamu zvakati sandara uye zvisina furemu, nekudzika kunogadzirwa kuburikidza nemiganhu yegirini yakapfava uye kusviba kwemashure kwete mimvuri.
Modal inoshandisa dhizaini yerima yakazara ine upamhi hwepamusoro hwe1280px kuti ikwane zviri mukati. Hwindo regamba riri pakati: musoro wenyaya (mutsara wekutanga uri mugirini re lime), musoro mudiki, kudana kuviri kwechiito, uye chinhu chimwe chete che3D sechinhu chinoonekwa—pasina kuparadzanisa dhizaini kubva parutivi. Zvikamu zvezviri mukati zvinotevera mutinhimira wakafanana: tag yemaziso (mavara makuru, Moss 70) → musoro weGoga → rugwaro rwemuviri rwakadzima, wobva waisa dhizaini yemakoramu maviri ine tsananguro yechinhu (rugwaro + kodhi/kadhi rekuona) kana gridhi yemakadhi yemakoramu matatu. Magutter ari pakati pezvikamu akawanda—80px. Peji rinochinjana pakati pemitsetse yakadzika isina chinhu (#000000) uye mitsetse yekumashure yakareruka zvishoma (#181818), nechikamu chimwe chechiedza (#def0dd) chinoonekwa pakati pepeji sechinhu chinopa mweya. Kufamba kunosanganisira bhawa repamusoro rimwe chete, rakagadziriswa rine kumashure kwakasviba—hapana parutivi kana menyu hombe. Chitsiko chetsoka chakaoma uye chakasviba, chine makoramu ekubatanidza egirini akadzima. Kuwanda kwemashoko kwakasununguka: chikamu chimwe nechimwe chinopiwa nzvimbo yakakwana, uye magridhi emakadhi haashandise makoramu anopfuura matatu.
Mutauro wekuona waModal wakakamurwa kuita nzira mbiri: mifananidzo ye3D inopenya uye mifananidzo yewindow yekodhi yerima. Nzvimbo yekutarisa icube imwe chete ye3D yakavezwa uchishandisa gradient yekushambadzira (kubva pagirini re lime kusvika emerald), yakaiswa mukati me radial gradient halo inoshambidza nzvimbo isina chinhu muchiedza chegirini—maitiro ekuona echiratidzo chechiratidzo. Makadhi ebasa ane icons dze3D dze isometric (cube ye wireframe, masitepisi akasimba, ma layers) akavezwa mugirini re lime yakafanana ne rima. Mhedzisiro yekodhi nebenchmark zvinoratidzwa semakadhi ewindows ekupedzisira ane madotsi emwenje yetraffic, monospaced syntax inoratidzwa mu phosphorescent palette, uye muganho wegirini wakadzima—zvinofanana nemifananidzo yemirairo chaiyo. Ma logo evatengi anoratidzwa semavara egirini-grey asina kuzara mumutsara mumwe chete, une musiyano wakaderera, uchiratidza kuvimba pasina makwikwi ekuona. Kuwanda kwehuwandu kwakaderera—mapeji mazhinji ane zvinyorwa zvakanyanya, uye mifananidzo inoratidzwa senzvimbo dzekutarisa dzega pane grids yemifananidzo. Hakuna mapikicha; system yese yekuona yakavezwa, yejometri, uye inopenya.
Palette
Rudzi
- Lime Pulse
#7fee64— Zvinhu zvikuru zvechiratidzo chekambani ilogo, kushevedzera kukuru kwechiito (CTA), kuzadza ma tag, mamiriro anoshanda, uye ruvara rwemufananidzo.
Kwakarerekera
- Phosphor White
#ddffdc— Rugwaro rukuru, ruvara rwemusoro wenyaya, mutsetse wechiratidzo, uye rugwaro rwemabhatani akazara ndizvo zvinonyanya kuverengwa. - Void Black
#000000— Kanivhasi yepeji, denderedzwa remashure rakadzama - Ground Iron
#181818— Kuzadza mabhatani makuru, nzvimbo dzemakadhi munzvimbo dzine rima, nzvimbo yepasi pekushandisa. - Carbon Veil
#212525— Nzvimbo dzakakwirira, kumashure kwekufamba, dzakareruka zvishoma pane pasi. - Circuit Border
#485346— Chimiro chekunze/chisikwa chemweya, mutsetse mutete unopindirana, une ruvara rwegirini-grey rwakati zii. - Phosphor Blue-Black
#1f2a33— Mitsetse mitete yechipiri, inokamura mitsetse pakati pemitsetse yakasviba.
Kunyora
kubva pa12 kusvika pa64px · 8 matanho
- Goga — kutsiva: Inter Tight or Space Grotesk · marongero 400, 500 · Mafonti eMusoro neMisoro - Anoshandiswa pamisoro nemakadhi ese eH1–H4. Goga ifonti isina hunyanzvi hwejometri ine maburi matete uye materminal ane sikweya zvishoma. Huremu hwepakati (500) hwakachengeterwa kuratidza misoro yemazinga emakadhi; huremu hwakajairika (400) hunoshandiswa pamisoro yegamba nechikamu. Kuti uwane mamwe maumbirwo eglyph anotsanangura hunhu hwaModal, seti yayo ye'ss01' inofanira kubvumidzwa. Nzvimbo yemavara asina kunaka inoderera zvishoma nezvishoma kubva pa -0.007em pa48px kusvika -0.017em pa21px.
- Inter Variable — kutsiva: Inter · marongero 400, 500 · Chimiro chemushandisi uye kopi yemuviri - kufamba, mabhatani, kopi yemuviri, mavara, chitsiko chetsoka. Huremu hwepakati (500) hunoshandiswa nekutanga pazvinhu zvinopindirana uye kufamba; zvakajairika (400) zvinoshandiswa pandima. Kupatsanurana kwemavara kunoderedzwa zvakanyanya kunyangwe pahukuru hudiki (-0.026em pa14px, -0.022em pa16px), zvichipa iyo interface density yakapfupikiswa. Kune dzimwe punctuation, 'cv11' character variant inofanira kuiswa. All-caps labels pa12px dzinoshandisa +0.05em letter spacing kuti dzisaparadze density yemuviri kopi.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | avhareji |
| Danho rekutanga | 20px |
| Radiyo yebhatani | 12px |
| Nharaunda yekadhi | 8px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 80px |
| Upamhi hwepeji | 1280px |
AI ichavaka webhusaiti yako nenzira ye Modal uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Slash — Chivako chepakati pehusiku chine magwaro egoridhe
- AgentQL — Mwenje yekuchamhembe iri pamusoro pechiteshi chemagetsi husiku
- GitHub — Panera remirairo yemuchadenga rine nzvimbo dzekudzora dzinopenya-nzvimbo yekushanda ine rima, ine rima uko chiedza chegirini chimwe chete chinonongedzera nzira yekumberi.
- Doppler — Mwenje wepepuru wepadenga pakati pehusiku. Kanivhasi dema rinopenya nechiratidzo chimwe chete chelavender nemwenje wegirini, nzvimbo yega yega yakakombama zvakakwana kuti ibatwe.
- Basedash — Nzvimbo yedata yepakati pehusiku ine mafonti matte. Nzvimbo yekutarisa ine rima apo zviyero zvinopenya zvepepuru negirini, misoro yeserif inoyerera pamusoro peruzha, uye mabhatani machena akaita sepiritsi ndiwo ega zvinhu zvinopenya zviri mukamuri rine nzvimbo nhema dzakapfava.
- Superwhisper — Mwenje yekuchamhembe inonyungudika pamusoro pegirazi repakati pehusiku
- Better Stack — Pakati pehusiku SRE Console
- Langbase — Koni yepakati pehusiku yeNorthern Lights
- Astro — Kudzora Basa Remuchadenga Rakadzika nechiedza chepepuru chimwe chete chinobva ku nebula
- Wayfinder — Sikirini yefirimu nhema ine musoro usinganzwike zvakanaka iri pamusoro pemufananidzo uripo. Iyo interface inotsvedza chiedza kwete pane control panel.
- HashiCorp — Imba yekudzora pakati pehusiku ine neon yepepuru inzvimbo ine rima ine hunyanzvi apo chidimbu chehexagonal chinopenya chinoshanda sechiratidzo chega cheruvara.
- Umbrel — Nzvimbo yekupisira moto inotonhorera muimba yekuchengetera usiku—imba ine rima ine chiedza chimwe chete chinopenya chinoratidza zvinonyanya kukosha.