Modal
Tashar phosphorescent a cikin ɗakin uwar garken da ke da duhu - tushen haske kawai shine launin kore mai haske
Modal yana aiki kamar tashar phosphorescent a cikin ɗakin uwar garken da ke cikin duhu: zane mai kusan baƙi, nau'in kore mai haske, da kuma lafazi ɗaya mai haske mai launin lemun tsami wanda ke aiki azaman alamar matsayin LED. Harshen ƙira yana mai da hankali kan masu haɓakawa - tagogi masu launuka masu faɗi ɗaya tare da digo-digogin hasken zirga-zirga, gumakan isometric 3D a cikin kore mai alama, da yalwar sarari fari, yana ba da damar abu ɗaya a kowane sashe ya haskaka. An raba rubutu tsakanin font na musamman (Goga) don kanun labarai da font mai canzawa (Inter) don duk abubuwan UI, duka an saita su tare da kunkuntar bin diddigin mara kyau. Launuka suna rarraba daidai: yawancin allo ba su da tsari, kuma launin lemun tsami mai haske yana bayyana ne kawai akan manyan ayyuka, tambarin, zane-zanen 3D, da lokutan jaddadawa. Abubuwan da aka haɗa ba su da firam, tare da zurfin da aka ƙirƙira ta hanyar iyakokin kore masu laushi da blur na baya maimakon inuwa.
Tsarin yana amfani da tsari mai duhu mai faɗi cikakke tare da matsakaicin faɗin 1280px don dacewa da abun ciki. Tagar gwarzo tana tsakiya: taken (jimla ta farko a cikin kore mai laushi), ƙaramin kanun labarai, kira biyu zuwa ga aiki, da abu ɗaya na 3D azaman anga na gani - ba tare da raba tsarin daga gefen gefe ba. Sassan abubuwan da ke ciki suna bin tsari iri ɗaya: alamar gira (babban haruffa, Moss 70) → taken Goga → rubutun jiki mai shiru, sannan ko dai tsarin ginshiƙi biyu tare da bayanin fasali (rubutu + lambar/katin gani) ko grid na kati mai ginshiƙi uku. Gutters tsakanin sassan suna da yawa - 80px. Shafin yana canzawa tsakanin layukan da babu komai (#000000) da kuma bango mai ɗan haske (#181818), tare da sashe ɗaya mai haske (#def0dd) yana bayyana a tsakiyar shafin azaman mai numfashi na gani. Kewaya ta ƙunshi sandar sama guda ɗaya, wacce aka gyara tare da bango mara haske - babu gefen gefe ko babban menu. Ƙafar ƙasa tana da ƙanƙanta kuma duhu, tare da ginshiƙan haɗin kore mai shiru. Yawan rubutu yana da daɗi: kowane sashe yana da isasshen sarari, kuma grid ɗin katin ba ya amfani da fiye da ginshiƙai uku.
Harshen gani na Modal ya kasu kashi biyu: samfurin 3D mai haske da kuma ƙwallayen taga mai duhu. Maƙallin mai da hankali shine ƙwallayen 3D guda ɗaya da aka yi amfani da shi ta amfani da gradient na tallan (daga kore mai lemun tsami zuwa emerald), wanda aka saita a cikin halo gradient na radial wanda ke wanke sararin da babu komai a cikin hasken kore - salon gani na alama. Katunan ɗaukar nauyi suna ɗauke da gumakan 3D na isometric (cube na waya, matakala mai ƙarfi, yadudduka) waɗanda aka yi a cikin kore mai lemun tsami iri ɗaya a kan bango mai duhu. Ana gabatar da sakamakon lamba da ma'auni azaman katunan taga na ƙarshe tare da ɗigon hasken zirga-zirga, suna haskakawa a cikin palette na phosphorescent, da kuma iyaka mai duhu kore - suna kama da hotunan kariyar kwamfuta na ainihin hanyar haɗin layin umarni. Ana nuna tambarin abokin ciniki azaman lakabin kore-launin toka mara cika a cikin layi ɗaya, mai ƙarancin bambanci, yana nuna aminci ba tare da gasa ta gani ba. Yawan gabaɗaya yana da ƙasa - yawancin shafuka suna ɗauke da rubutu galibi, kuma ana gabatar da hotuna azaman wuraren mayar da hankali na mutum ɗaya maimakon grid na hotuna. Babu hotuna; duk tsarin gani an yi shi, geometric, kuma yana da haske.
Palette
Alamar kasuwanci
- Lime Pulse
#7fee64— Babban abubuwan da ke cikin asalin kamfani sune tambarin kamfani, babban kiran aiki (CTA), cike tambari, yanayin aiki, da kuma launin asali na hoton.
Tsaka-tsaki
- Phosphor White
#ddffdc— Babban rubutu, launin taken, jadawalin gumaka, da kuma rubutun maɓalli da aka cika su ne babban abin da za a iya karantawa. - Void Black
#000000— Zane na shafi, mafi zurfin layin bango - Ground Iron
#181818— Babban maɓalli cikewa, saman kati a wurare masu duhu, saman tushe na hanyar sadarwa ta mai amfani. - Carbon Veil
#212525— Sama mai tsayi, bayan kewayawa, mai ɗan haske fiye da ƙasa. - Circuit Border
#485346— Tsarin aikin zane/fatalwa, babban layin siriri mai hulɗa, inuwa ce mai launin kore-toka mai duhu. - Phosphor Blue-Black
#1f2a33— Layukan sirara na biyu, suna raba layukan tsakanin layukan duhu.
Rubutu
daga 12 zuwa 64px · Matakai 8
- Goga — maye gurbin: Inter Tight or Space Grotesk · zane-zane 400, 500 · Rubutun Kai da Ƙananan Kanun Labarai – Ana amfani da shi ga duk kanun labarai da katunan H1–H4. Goga wani rubutu ne na musamman na sans-serif mai siffofi masu faɗi da kuma tashoshi masu ɗan murabba'i. An tanada matsakaicin nauyi (500) don haskaka kanun labarai na matakin kati; ana amfani da nauyin da ya dace (400) don kanun labarai na gwarzo da sashe. Don samun damar sifofin glyph daban-daban waɗanda ke bayyana asalin Modal, dole ne a kunna saitin salo na 'ss01'. Tazarar haruffa mara kyau a hankali yana raguwa daga -0.007em a 48px zuwa -0.017em a 21px.
- Inter Variable — maye gurbin: Inter · zane-zane 400, 500 · Tsarin mai amfani da kwafin jiki - kewayawa, maɓallai, kwafin jiki, lakabi, ƙafa. Ana amfani da matsakaicin nauyi (500) ta tsohuwa don abubuwan hulɗa da kewayawa; ana amfani da al'ada (400) don sakin layi. Ana rage tazarar haruffa sosai ko da a ƙananan girma (-0.026em a 14px, -0.022em a 16px), yana ba da hanyar haɗin ta zama mai tauri, yawan tashoshi. Don madadin alamun rubutu, ya kamata a haɗa da bambancin haruffan 'cv11'. Lakabin dukkan haruffa a 12px suna amfani da tazarar haruffa +0.05em don daidaita yawan kwafin jiki.
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | matsakaici |
| Mataki na asali | 20px |
| Maɓallin radius | 12px |
| Radius na kati | 8px |
| Inuwar | babu - iyakoki maimakon inuwa |
| Tsakanin sassa | 80px |
| Faɗin shafi | 1280px |
AI za ta gina gidan yanar gizonku a cikin salon Modal kuma ta cika shi
- Cika da samfura da rubuce-rubuce ta hanyar hanyar haɗin yanar gizo - Instagram, TikTok, Facebook.
- Canja wurin abun ciki daga tsohon shafinka—kawai ka ƙayyade adireshin.
- Tsarin zamani akan mafi kyawun injin: React ( Next.js) tare da nuna sabar da inganta SEO daga cikin akwatin.
- Ingantaccen SEO mai sarrafa kansa don sakamakon bincike da shawarwarin hanyar sadarwa ta jijiyoyi.
Salo makamantansu
- Slash — Taskar dare mai ɗauke da takardun kuɗi na zinare
- AgentQL — Hasken Arewa a kan tashar da daddare
- GitHub — Allon umarni na sararin samaniya mai wuraren sarrafa bioluminescent - wurin aiki mai duhu, inda haske kore ɗaya ke nuna hanya gaba.
- Doppler — Hasken shunayya na ɗakin ajiyar kaya da tsakar dare. Zane mai kusan baƙi yana haskakawa da siginar lavender guda ɗaya da kuma hasken tabbatarwa kore, kowane saman yana lanƙwasa don a iya kama shi.
- Basedash — Tashar bayanai ta tsakar dare mai rubutu mai matte. Wurin lura mai duhu inda ma'auni ke haskaka shunayya da kore, kanun labarai na serif suna shawagi a sama da hayaniya, da kuma maɓallan fari masu siffar kwaya su ne kawai abubuwa masu haske a cikin ɗaki mai laushin saman baƙi.
- Superwhisper — Hasken arewa yana narkewa a kan gilashin tsakar dare
- Better Stack — Na'urar wasan bidiyo ta Midnight SRE
- Langbase — Na'urar wasan bidiyo ta Midnight Northern Lights
- Astro — Tsarin Jadawalin Sararin Samaniya mai haske ɗaya daga nebula
- Wayfinder — Allon fim mai baƙi mai taken da ba a iya ji sosai yana shawagi a saman hoton kai tsaye. Tsarin haɗin yana da zamiya mai haske maimakon allon sarrafawa.
- HashiCorp — Ɗakin sarrafawa da tsakar dare mai launin shuɗi neon wani wuri ne mai duhu na fasaha inda siffar murabba'i mai haske take aiki a matsayin kawai ma'aunin launi.
- Umbrel — Wurin wuta mai daɗi a ɗakin hidimar dare—ɗaki mai duhu inda haske ɗaya mai launin peach ke haskaka abin da ke da muhimmanci ƙwarai.