Modal
ʻO kahi kikowaena phosphorescent i loko o kahi lumi kikowaena pouli - ʻo ke kumu kukui wale nō he kala ʻōmaʻomaʻo ʻālohilohi
Hana nā hana modal e like me kahi kikowaena phosphorescent i loko o kahi lumi kikowaena pouli: kahi canvas kokoke i ka ʻeleʻele, ʻano ʻōmaʻomaʻo māmā, a me kahi leo lime-green ʻālohilohi hoʻokahi e hana ana ma ke ʻano he hōʻailona kūlana LED. Hoʻopili ʻia ka ʻōlelo hoʻolālā e ka mea hoʻomohala—nā puka makani code monospaced me nā kiko kukui kaʻa, nā kiʻi 3D isometric i loko o ka ʻōmaʻomaʻo pūlima, a me ka nui o kahi keʻokeʻo, e ʻae ana i hoʻokahi mea i kēlā me kēia ʻāpana e ʻālohilohi. Ua māhele ʻia ka typography ma waena o kahi font maʻamau (Goga) no nā poʻomanaʻo a me kahi font loli (Inter) no nā mea UI āpau, i hoʻonohonoho ʻia me ka hahai ʻana i ka maikaʻi ʻole. Hoʻolaha like ʻia nā kala: ʻo ka hapa nui o nā pale he achromatic, a ʻike ʻia ke kala lime-green ʻālohilohi ma nā hana koʻikoʻi, ka logo, nā kiʻi 3D, a me nā manawa o ke koʻikoʻi. He pālahalaha a me ka frameless nā ʻāpana, me ka hohonu i hana ʻia ma o nā palena ʻōmaʻomaʻo maalea a me ka blur hope ma mua o nā aka.
Hoʻohana ka modal i kahi hoʻonohonoho ʻeleʻele piha me ka laulā kiʻekiʻe o 1280px e hoʻokipa i ka ʻike. Aia ka puka makani hero ma waenakonu: ke poʻo inoa (ka ʻōlelo mua i ka ʻōmaʻomaʻo lime), kahi poʻomanaʻo liʻiliʻi, ʻelua mau kāhea i ka hana, a me kahi mea 3D hoʻokahi ma ke ʻano he heleuma ʻike maka—me ka hoʻokaʻawale ʻole i ka hoʻonohonoho mai ka ʻaoʻao ʻaoʻao. Hahai nā ʻāpana ʻike i kahi mele like: ka lepili kuʻemaka (nā leka nui, Moss 70) → Poʻo inoa Goga → kikokikona kino muted, a laila he hoʻonohonoho ʻelua kolamu me kahi wehewehe hiʻohiʻona (kikokikona + code/kāleka ʻike maka) a i ʻole kahi grid ʻekolu kolamu o nā kāleka. He nui nā ʻauwai ma waena o nā ʻāpana—80px. Hoʻololi ka ʻaoʻao ma waena o nā kaha hakahaka hohonu (#000000) a me ke kua māmā iki (#181818), me hoʻokahi ʻāpana mālamalama (#def0dd) e ʻike ʻia ana ma waenakonu o ka ʻaoʻao ma ke ʻano he hanu ʻike. Aia ka hoʻokele ʻana i kahi pā luna hoʻokahi, paʻa me kahi kua blurred—ʻaʻohe ʻaoʻao ʻaoʻao a i ʻole mega-menu. He liʻiliʻi a ʻeleʻele ka footer, me nā kolamu loulou ʻōmaʻomaʻo muted. ʻOluʻolu ka nui o nā kikokikona: hāʻawi ʻia kēlā me kēia ʻāpana i kahi ākea, a ʻaʻole hoʻohana nā grids kāleka ma mua o ʻekolu kolamu.
Ua māhele ʻia ka ʻōlelo ʻike maka o Modal i ʻelua mau ʻano: nā hōʻike huahana ʻālohilohi 3D a me nā hoʻohālike puka makani code pouli. ʻO ke kiko kikowaena he cube 3D hoʻokahi i hōʻike ʻia me ka hoʻohana ʻana i kahi gradient marketing (mai ka lime green a i ka emerald), i hoʻonohonoho ʻia i loko o kahi halo gradient radial e ʻauʻau ana i ka hakahaka i ka mālamalama ʻōmaʻomaʻo—ke ʻano ʻike maka o ka brand. Loaʻa i nā kāleka hana nā kiʻi 3D isometric (kahi cube wireframe, kahi alapiʻi paʻa, nā papa) i hōʻike ʻia i ka ʻōmaʻomaʻo lime like e kūʻē i kahi hope pouli. Hōʻike ʻia nā hopena code a me nā benchmark ma ke ʻano he kāleka puka makani terminal me nā kiko kukui kaʻa, ka hōʻike syntax monospaced i loko o kahi palette phosphorescent, a me kahi palena ʻōmaʻomaʻo muted—ua like lākou me nā kiʻi paʻi o kahi interface laina kauoha maoli. Hōʻike ʻia nā logos client ma ke ʻano he mau lepili ʻōmaʻomaʻo-hina desaturated i loko o hoʻokahi lālani haʻahaʻa, e hōʻike ana i ka hilinaʻi me ka ʻole o ka hoʻokūkū ʻike maka. Haʻahaʻa ka nui o ka density—ʻo ka hapa nui o nā ʻaoʻao he kikokikona, a hōʻike ʻia nā kiʻi ma ke ʻano he mau kiko kikowaena pākahi ma mua o nā grids o nā kiʻi. ʻAʻohe kiʻi; ua hōʻike ʻia ka ʻōnaehana ʻike maka holoʻokoʻa, geometric, a radiant.
Paleta
Lama
- Lime Pulse
#7fee64— ʻO nā mea nui o ka ʻike pilikino ʻoihana ka logo, ke kāhea nui i ka hana (CTA), ka hoʻopiha ʻana i ka lepili, nā kūlana hana, a me ke kala kumu o ke kiʻi.
Kūlike ʻole
- Phosphor White
#ddffdc— ʻO ka kikokikona nui, ke kala o ke poʻo inoa, ka hoʻolālā ikona, a me ke kikokikona pihi i hoʻopiha ʻia nā ʻili hiki ke heluhelu ʻia. - Void Black
#000000— ʻAoʻao canvas, ka papa hope hohonu loa - Ground Iron
#181818— Hoʻopiha i ke pihi nui, nā ʻili kāleka ma nā wahi pouli, ka ʻili kumu o ka ʻaoʻao mea hoʻohana. - Carbon Veil
#212525— Nā ʻili kiʻekiʻe, ke kua o ka hoʻokele ʻana, māmā iki ma mua o ka honua. - Circuit Border
#485346— ʻO ke kiʻikuhi hana outline/ghost, ka laina lahilahi nui e pili pū ana, he aka ʻōmaʻomaʻo-hina mālie. - Phosphor Blue-Black
#1f2a33— Nā laina kaha lahilahi lua, e hoʻokaʻawale ana i nā kaha ma waena o nā kaha ʻeleʻele.
Palapala hoʻopili
mai 12 a i 64px · 8 mau ʻanuʻu
- Goga — pani: Inter Tight or Space Grotesk · nā hoʻolālā 400, 500 · ʻO ke kinona poʻomanaʻo a me ke kinona poʻomanaʻo liʻiliʻi - Hoʻohana ʻia no nā poʻomanaʻo a me nā kāleka H1-H4 āpau. ʻO Goga kahi kinona sans-serif geometric maʻamau me nā puka haiki a me nā kikowaena huinahā iki. Mālama ʻia ke kaumaha waena (500) no ka hōʻike ʻana i nā poʻomanaʻo pae kāleka; hoʻohana ʻia ke kaumaha maʻamau (400) no nā poʻomanaʻo hero a me nā ʻāpana. No ke komo ʻana i nā ʻano glyph ʻē aʻe e wehewehe ana i ka ʻike o Modal, pono e hoʻā ʻia kāna set stylistic 'ss01'. E emi mālie ana ka mamao o nā leka maikaʻi ʻole mai -0.007em ma 48px a i -0.017em ma 21px.
- Inter Variable — pani: Inter · nā hoʻolālā 400, 500 · ʻO ka ʻaoʻao mea hoʻohana a me ke kope kino - hoʻokele, nā pihi, ke kope kino, nā lepili, ka footer. Hoʻohana ʻia ke kaumaha waena (500) ma ka paʻamau no nā mea pili a me ka hoʻokele; hoʻohana ʻia ka maʻamau (400) no nā paukū. Ua hoʻemi ʻia ka mamao o nā leka ʻoiai ma nā nui liʻiliʻi (-0.026em ma 14px, -0.022em ma 16px), e hāʻawi ana i ka ʻaoʻao i kahi mānoanoa pōkole, terminal. No nā kiko ʻē aʻe, pono e hoʻokomo ʻia ka ʻano huapalapala 'cv11'. Hoʻohana nā lepili āpau-caps ma 12px i ka mamao leka +0.05em e hoʻohālikelike i ka nui o ke kope kino.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | awelika |
| Kaʻanuʻu kumu | 20px |
| Ka radius o ke pihi | 12px |
| Ka laulā o ke kāleka | 8px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 80px |
| Ka laulā o ka ʻaoʻao | 1280px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Modal a hoʻopiha iā ia
- E hoʻopiha me nā huahana a me nā pou ma o ka loulou - Instagram, TikTok, Facebook.
- E hoʻoili i ka ʻike mai kāu pūnaewele kahiko—e kuhikuhi wale i ka helu wahi.
- Hoʻolālā hou ma ka ʻenekini maikaʻi loa: React ( Next.js) me ka hoʻoili ʻana o ke kikowaena a me ka hoʻonui ʻana o SEO ma waho o ka pahu.
- Hoʻonohonoho piha ʻana i ka SEO no nā hopena hulina a me nā ʻōlelo paipai pūnaewele neural.
Nā kaila like
- Slash — ʻO ka lua o ka pō me nā puke alakaʻi gula
- AgentQL — Nā kukui ʻākau ma luna o ke kahua mokulele i ka pō
- GitHub — He papa kauoha lewa me nā kiko hoʻokele bioluminescent—he wahi hana ʻeleʻele a lewa kahi e kuhikuhi ai kahi ʻālohilohi ʻōmaʻomaʻo hoʻokahi i ke ala i mua.
- Doppler — Ke kukui poni o ka lua kupapaʻu i ke aumoe. Ke ʻālohilohi nei ka canvas ʻeleʻele me kahi hōʻailona lavender hoʻokahi a me kahi kukui hōʻoia ʻōmaʻomaʻo, ua piʻo kēlā me kēia ʻili e hiki ke hopu ʻia.
- Basedash — He kikowaena ʻikepili o ke aumoe me ka hua palapala matte. He hale kiaʻi ʻeleʻele kahi e ʻālohilohi ai nā metrika i ka poni a me ka ʻōmaʻomaʻo, nā poʻo inoa serif e lana ana ma luna o ka walaʻau, a ʻo nā pihi keʻokeʻo e like me ka pila nā mea ʻālohilohi wale nō i loko o kahi lumi o nā ʻili ʻeleʻele palupalu.
- Superwhisper — Hoʻoheheʻe ʻia nā kukui ʻākau ma luna o ke aniani o ke aumoe
- Better Stack — ʻO ka Console SRE o ke aumoe
- Langbase — ʻO ka console o nā kukui ʻākau o ke aumoe
- Astro — Ka Mana Hoʻokele Misionari Lewa Hohonu me kahi ʻālohilohi poni hoʻokahi mai kahi nebula
- Wayfinder — He pale kiʻiʻoniʻoni ʻeleʻele me kahi poʻo inoa e lohe iki ʻia ana e lana ana ma luna o kahi kiʻi ola. He slider ʻōlinolino ka interface ma mua o kahi papa hoʻokele.
- HashiCorp — ʻO ka lumi hoʻomalu i ke aumoe me ka neon poni he ʻili loea ʻeleʻele kahi e lawelawe ai kahi cube hexagonal e ʻālohilohi ana ma ke ʻano he kuhikuhi kala wale nō.
- Umbrel — He lua ahi ʻoluʻolu i loko o ka lumi kikowaena pō—he lumi pouli kahi e hōʻike ai kahi ʻālohilohi peach hoʻokahi i ka mea nui maoli.