Modal
Cholumikizira cha phosphorescent m'chipinda cha seva chamdima - gwero lokhalo la kuwala ndi mtundu wobiriwira wowala
Modal imagwira ntchito ngati terminal ya phosphorescent m'chipinda cha seva chamdima: nsalu yakuda, mtundu wobiriwira wopepuka, ndi mawu amodzi owala a laimu-green omwe amagwira ntchito ngati chizindikiro cha LED. Chilankhulo cha kapangidwe kake chimayang'ana kwambiri opanga mapulogalamu—mawindo a code okhala ndi malo amodzi okhala ndi madontho a magetsi, zizindikiro za isometric 3D mu mtundu wobiriwira, ndi malo oyera ambiri, zomwe zimathandiza kuti chinthu chimodzi mu gawo lililonse chiziwala. Zolemba zimagawidwa pakati pa font yokonzedwa (Goga) ya mitu ndi font yosinthika (Inter) ya zinthu zonse za UI, zonse zokhala ndi kutsatira kocheperako. Mitundu imagawidwa mofanana: zowonetsera zambiri zimakhala zosasinthika, ndipo mtundu wobiriwira wowala umawonekera pokhapokha pazochita zazikulu, logo, zithunzi za 3D, ndi nthawi zogogomezera. Zigawo zake ndi zathyathyathya komanso zopanda chimango, ndipo kuya kwake kumapangidwa kudzera m'malire obiriwira komanso kusokonekera kwa maziko m'malo mwa mithunzi.
Chojambulirachi chimagwiritsa ntchito mawonekedwe amdima okwana 1280px kuti chigwirizane ndi zomwe zili mkati. Zenera la ngwazi lili pakati: mutu (chiganizo choyamba mu laimu wobiriwira), mutu waung'ono, kuyitana kawiri kuchitapo kanthu, ndi chinthu chimodzi cha 3D ngati chowongolera chowoneka bwino—popanda kulekanitsa mawonekedwewo ndi mbali ya m'mbali. Zigawo zomwe zili mkati zimatsatira kamvekedwe kofanana: chizindikiro cha nsidze (zilembo zazikulu, Moss 70) → mutu wa Goga → mawu a thupi losamveka bwino, kenako mawonekedwe a mizere iwiri yokhala ndi kufotokozera kwa mawonekedwe (lemba + khodi/khadi lowoneka) kapena gulu la makhadi a mizere itatu. Mitsinje pakati pa zigawo ndi yayikulu—80px. Tsambali limasinthana pakati pa mizere yopanda kanthu (#000000) ndi mizere yopepuka pang'ono ya kumbuyo (#181818), ndi gawo limodzi lowala (#def0dd) lomwe limawonekera pakati pa tsamba ngati chopumira chowoneka bwino. Kuyenda kumakhala ndi bala limodzi lokhazikika lapamwamba lokhala ndi maziko osawoneka bwino—popanda mbali ya m'mbali kapena menyu yayikulu. Pansi pake ndi kakang'ono komanso kamdima, ndi mizati yobiriwira yolumikizidwa yobisika. Kuchuluka kwa malemba n'kosavuta: gawo lililonse limapatsidwa malo okwanira, ndipo ma gridi a makadi sagwiritsa ntchito mizati yoposa itatu.
Chilankhulo cha Modal chowoneka chimagawidwa m'njira ziwiri: zojambula za 3D zowala ndi zojambulira za mawindo amdima. Mfundo yaikulu ndi kyubu imodzi ya 3D yojambulidwa pogwiritsa ntchito gradient yotsatsa (kuchokera ku laimu wobiriwira mpaka emerald), yomwe ili mkati mwa halo yowala yomwe imatsuka malo opanda kanthu mu kuwala kobiriwira—kalembedwe kodziwika bwino ka mtunduwo. Makhadi ogwirira ntchito ali ndi zizindikiro za 3D za isometric (chubu cha waya, masitepe olimba, zigawo) zojambulidwa mu laimu wobiriwira womwewo motsutsana ndi maziko amdima. Zotsatira za ma code ndi benchmark zimaperekedwa ngati makadi a zenera lakumapeto okhala ndi madontho a magetsi oyendera magalimoto, mawonekedwe a syntax okhazikika mu phosphorescent palette, ndi malire obiriwira osasunthika—amafanana ndi zithunzi za mawonekedwe enieni a mzere wamalamulo. Ma logo a kasitomala amawonetsedwa ngati zilembo zobiriwira-imvi zodetsedwa mu mzere umodzi, wosiyana pang'ono, wosonyeza chidaliro popanda mpikisano wowoneka. Kuchulukana konsekonse ndi kochepa—masamba ambiri amakhala ndi mawu ambiri, ndipo zithunzi zimaperekedwa ngati malo ofunikira m'malo mwa ma gridi a zithunzi. Palibe zithunzi; dongosolo lonse lowonera limawonetsedwa, lojambulidwa, komanso lowala.
Paleti
Mtundu
- Lime Pulse
#7fee64— Zinthu zazikulu zomwe zimadziwika ndi kampani ndi logo, CTA (main call to action), kudzaza ma tag, momwe zinthu zilili, ndi mtundu woyambira wa chithunzicho.
Osalowerera
- Phosphor White
#ddffdc— Mawu akuluakulu, mtundu wa mutu, chithunzi cha chizindikiro, ndi mawu odzazidwa ndi mabatani ndiye malo owerengeka omwe amawerengedwa. - Void Black
#000000— Tsamba la kansalu, gawo lozama kwambiri lakumbuyo - Ground Iron
#181818— Kudzaza mabatani akuluakulu, malo a khadi m'malo amdima, malo oyambira a mawonekedwe a ogwiritsa ntchito. - Carbon Veil
#212525— Malo okwera, maziko oyendamo, opepuka pang'ono kuposa nthaka. - Circuit Border
#485346— Chimango cha zochita za mzere/mzimu, mzere waukulu woonda wolumikizana, ndi mtundu wobiriwira-imvi wofewa. - Phosphor Blue-Black
#1f2a33— Mizere yopyapyala yachiwiri, yogawa mikwingwirima pakati pa mikwingwirima yakuda.
Kulemba zilembo
kuyambira 12 mpaka 64px · masitepe 8
- Goga — cholowa m'malo: Inter Tight or Space Grotesk · mndandanda 400, 500 · Mutu ndi Chidule cha Malembo - Amagwiritsidwa ntchito pa mitu yonse ya H1–H4 ndi makadi. Goga ndi fonti ya geometric sans-serif yokhala ndi ma apertures opapatiza komanso ma terminals ozungulira pang'ono. Kulemera kwapakati (500) kumasungidwa kuti kuwonetse mitu ya khadi; kulemera kwabwinobwino (400) kumagwiritsidwa ntchito pa mitu ya ngwazi ndi magawo. Kuti mupeze mawonekedwe ena a glyph omwe amafotokoza umunthu wa Modal, seti yake ya 'ss01' iyenera kuyatsidwa. Kutalikirana kwa zilembo zosayenera kumachepa pang'onopang'ono kuchokera pa -0.007em pa 48px mpaka -0.017em pa 21px.
- Inter Variable — cholowa m'malo: Inter · mndandanda 400, 500 · Mawonekedwe a ogwiritsa ntchito ndi kukopera thupi - kuyenda, mabatani, kukopera thupi, zilembo, pansi. Kulemera kwapakati (500) kumagwiritsidwa ntchito mwachisawawa pazinthu zolumikizirana ndi kuyenda; wamba (400) amagwiritsidwa ntchito pa ndime. Kutalikirana kwa zilembo kumachepetsedwa kwambiri ngakhale pakukula kochepa (-0.026em pa 14px, -0.022em pa 16px), zomwe zimapangitsa kuti mawonekedwewo akhale ofupikitsidwa, okhazikika. Pazolemba zina, zilembo za 'cv11' ziyenera kuphatikizidwa. Zolemba zonse zazikulu pa 12px zimagwiritsa ntchito kusiyana kwa zilembo za +0.05em kuti zigwirizane ndi kuchuluka kwa makope a thupi.
Zosintha ndi mawonekedwe
| Cholinga | Tanthauzo |
|---|---|
| Kuchulukana | avareji |
| Gawo loyambira | 20px |
| Utali wa batani | 12px |
| Utali wa khadi | 8px |
| Mithunzi | ayi - malire m'malo mwa mithunzi |
| Pakati pa magawo | 80px |
| Kukula kwa tsamba | 1280px |
AI idzamanga tsamba lanu lawebusayiti mu kalembedwe ka Modal ndikulidzaza
- Dzazani ndi zinthu ndi zolemba kudzera pa ulalo - Instagram, TikTok, Facebook.
- Tumizani zinthu kuchokera patsamba lanu lakale—ingotchulani adilesi.
- Kapangidwe kamakono pa injini yabwino kwambiri: React ( Next.js) yokhala ndi mawonekedwe a seva ndi kukonza SEO koyambirira.
- Kukonza bwino SEO yanu yokha kuti mupeze zotsatira zakusaka ndi malingaliro a netiweki ya neural.
Masitaelo ofanana
- Slash — Chipinda chosungiramo zinthu chapakati pausiku chokhala ndi mabuku olembedwa ndi golide
- AgentQL — Kuwala kwa Kumpoto usiku
- GitHub — Chida cholamulira malo chokhala ndi malo owongolera kuwala kwa bioluminescent—malo ogwirira ntchito amdima, okhala ndi mlengalenga pomwe kuwala kobiriwira kumodzi kumasonyeza njira yopita patsogolo.
- Doppler — Kuwala kofiirira kwa chipinda chosungiramo zinthu zakale pakati pausiku. Kansalu kakang'ono kakuda kamawala ndi chizindikiro chimodzi cha lavenda ndi kuwala kobiriwira kotsimikizira, malo onse opindika mokwanira kuti agwire.
- Basedash — Malo osungira deta pakati pausiku okhala ndi zilembo zosaoneka bwino. Malo owonera zinthu amdima komwe ziwerengero zimawala ngati zofiirira ndi zobiriwira, mitu yazithunzi za serif imayandama pamwamba pa phokoso, ndipo mabatani oyera ngati mapiritsi ndi zinthu zokhazo zowala m'chipinda cha malo akuda ofewa.
- Superwhisper — Magetsi akumpoto amasungunuka pamwamba pa galasi la pakati pausiku
- Better Stack — Chida cha SRE chapakati pausiku
- Langbase — Konsolo ya Midnight Northern Lights
- Astro — Kulamulira kwa Deep Space Mission ndi kuwala kofiirira kamodzi kochokera ku nebula
- Wayfinder — Chinsalu chakuda cha kanema chokhala ndi mutu wosamveka bwino chomwe chili pamwamba pa chithunzi chamoyo. Cholumikiziracho ndi chowongolera kuwala osati chowongolera.
- HashiCorp — Chipinda chowongolera pakati pausiku chokhala ndi neon yofiirira ndi malo amdima aukadaulo pomwe kyubu yowala ya hexagonal imakhala ngati chizindikiro chokhacho cha utoto.
- Umbrel — Malo ophikira moto abwino m'chipinda chosungiramo zinthu usiku—chipinda chamdima momwe kuwala kamodzi ngati pichesi kumawunikira zomwe zili zofunika kwambiri.