Slash
ʻO ka lua o ka pō me nā puke alakaʻi gula
Hana ʻo Slash i ke ʻano hōʻikeʻike waena pō: he canvas ʻeleʻele kokoke, ʻano keʻokeʻo, a me kahi leo keleawe mahana hoʻokahi e lawelawe ana ma ke ʻano he kaha kiko. Hōʻike ʻia nā poʻo inoa ma Ivy Presto, kahi didone serif kiʻekiʻe i hoʻohana ʻia i nā nui koʻikoʻi (a hiki i 88px) - ʻo kēia hakakā o nā ʻano serif a me sans-serif ka hōʻailona o ka ʻōnaehana, e hāʻawi ana iā ia i kahi kaumaha kālā me ka ʻole o ke kaumaha brokerage o ka panakō kuʻuna. Hoʻohaʻahaʻa ʻia ke koena o ka interface mea hoʻohana: nā palena lahilahi, nā mana ʻano pila, ke kikokikona kino 16px compact, a me kahi upsweep maalea e ʻae i ke ʻano e hanu. Hoʻohui kahi gradient gula hoʻokahi (laina pakuhi, microaccents) i ka mehana i ka ʻōnaehana monochrome, e hoʻāla ana i ka ʻālohilohi mehana o kahi kikowaena Bloomberg i kūkulu ʻia no ka poʻe hoʻolohe hoʻolālā.
ʻO ka laulā o ka ʻike he 1216px, kikowaena, me nā ʻauwai kū pololei he 160px. ʻO ka pale home he canvas ʻeleʻele, piha ka laulā me kahi haku mele i māhele ʻia: kahi poʻo serif i hoʻonohonoho ʻia ma ka hema (64-88px ka laulā) me kahi kahua leka uila ma lalo, a me kahi kāleka UI huahana nui (kahi kiʻi dashboard) ma ka ʻākau ma 50% ka laulā. Hoʻohana nā ʻāpana ma hope i kahi poʻo hoʻokahi kolamu, kikowaena (serif, 44-64px ka laulā) me kahi poʻo inoa ma Inter, ukali ʻia e nā grids ʻekolu kolamu o nā kāleka no nā wehewehe hiʻona/hōʻike/blogs. ʻO ka hoʻokele he pā luna paʻa: logo ma ka hema, ka papa kuhikuhi waena (Hui, Huahana, Hoʻonā, Mea kūʻai aku, Kumukūʻai, FAQ), komo i hoʻonohonoho ʻia ma ka ʻākau (ʻike ʻole ʻia), a me ka hoʻomaka ʻana (ʻāpana piha keʻokeʻo). Hōʻike ka footer i kahi grid ʻelima kolamu mānoanoa o nā loulou me ka ʻike ʻoihana a me nā leka hoʻomaopopo kānāwai. Hoʻololi ka ʻaoʻao ma waena o nā ʻāpana grid waiwai i nā ʻike a me nā helu helu piha-pale—ua hoʻokumu ʻia ke mele e ka hakahaka keʻokeʻo nui ma waena o nā kolamu ma mua o ke hoʻololi ʻana i nā kala hope (hōʻike ʻia ka ʻaoʻao holoʻokoʻa ma ke ʻano he canvas hoʻokahi, i hoʻohui ʻia).
He hoʻoponopono a kūlohelohe ke kiʻi: nā kiʻi mahana o nā mea hoʻokumu a me nā lālā o ka hui i ko lākou wahi hana maoli (nā keʻena, nā lumi hoʻokipa, nā kahua kūkulu). Hoʻopiha nā kiʻi i nā mōlina kāleka mai ka lihi a ka lihi, me ka ʻole o ka padding. Hoʻohana ʻia kahi gradient ʻeleʻele ma lalo o nā kāleka hōʻike e hoʻomaikaʻi i ka heluhelu ʻana i nā kikokikona. ʻO ke ʻano nani—"Ua hui ʻo LinkedIn me ka makasina hoʻoponopono"—he mea maʻamau, kanaka, a ua emi iki ka leo, ʻaʻole i hoʻopili ʻia me nā kiʻi paʻi. Hoʻohui nā kiʻi liʻiliʻi o ka ʻatikala i nā kiʻi me nā manaʻo i hoʻohālikelike ʻia (kekahi kanaka e kū ana i loko o kahi maze, kahi kapuahi me nā ʻeke kālā). Hōʻike ʻia ka UI o ka huahana ma ke ʻano pouli me ka opacity piha, e lana ana ma luna o ka ʻaoʻao ma nā ʻili pouli maalea—he mea waena. He monochrome nā ikona me nā hahau 1px ma #2e3038 a i ʻole #777a88, ʻaʻole i hoʻopiha ʻia me ke kala o ka brand.
Paleta
Kūlike ʻole
- Bone
#e2e3e9— Ka nui o ka hua palapala no ke kikokikona mua, nā lepili ʻikepili kikoʻī, a me kahi leo kikokikona maʻamau ma ka hapa nui o nā mea UI. - Obsidian
#08080a— ʻO ke kāwele o ka ʻaoʻao, ke kua o ka footer, ʻaneʻane ʻeleʻele ka ʻiliʻeleʻele loa me kahi ʻula polū lahilahi. - Onyx
#040406— ʻO ka ʻili o ke kāleka, ke kua hou aʻe, hoʻokahi ʻanuʻu i ʻoi aku ka hohonu ma mua o ka ʻaoʻao no ka hopena ʻike. - Carbon
#121317— Nā panela i hāpai ʻia, hoʻopiha UI unobtrusive - ʻo ke kaʻina māmā mua i ʻike ʻia i ka ulu ʻana o Surface Stack - Graphite
#1c1d22— Nā palena, nā mea hoʻokaʻawale, nā ipu ikona, nā paheʻe kaohi—ke aka maalea loa o ke kala e wehewehe ana i ke ʻano. - Slate
#2e3038— Nā palena hou aʻe, nā laina ikona i hoʻomālielie ʻia, nā mea hoʻokaʻawale maalea ma waena o nā poloka ʻike.
Palapala hoʻopili
mai 13 a i 88px · 9 mau ʻanuʻu
- Ivy Presto — pani: Playfair Display · nā hoʻolālā 400, 500 · He kinona serif no nā poʻomanaʻo a me nā poʻomanaʻo liʻiliʻi—hoʻohana wale ʻia no nā poʻomanaʻo a me nā poʻo inoa ʻāpana ma 28px a ʻoi aku. ʻO nā hahau didone kiʻekiʻe me nā serif lahilahi e hana i kahi manaʻo o ka hoʻoponopono hoʻohiwahiwa; ʻo ka mamao liʻiliʻi o nā leka maikaʻi o 0.01em he mea maʻamau ʻole ia a hāʻawi i ka kinona i kahi ʻano paʻi, e like me ka helu kālā. ʻO kēia kinona serif ke kāleka kāhea nui o ka brand—hoʻokaʻawale ia iā Slash mai nā ʻoihana fintech SaaS ʻē aʻe a pau e hoʻohana maʻamau i nā kinona sans-serif geometric.
- Inter — pani: Inter (self-hosted via Google Fonts) · nā hoʻolālā 300, 400, 500, 600, 700 · UI Sans—kikokikona nui, hoʻokele, pihi, lepili, loulou, kahua palapala, a me nā poʻomanaʻo liʻiliʻi. Hoʻohana ka kikokikona nui i kahi kinona 300 no ka kikokikona lua ʻaʻole e hoʻopilikia; hoʻohana ʻia ʻo 500 no nā kikokikona hoʻokūpaʻa waena a me nā lepili pihi; mālama ʻia ʻo 600 no nā lepili mahele i kākau ʻia me nā pāpale liʻiliʻi. Hoʻemi ka mamao o nā leka maikaʻi ʻole mai 2 (-3) a emi iho i ka emi ʻana o ka nui, ʻo ia ka mea maʻamau o ka scaling optical o ka kinona Inter.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | ākea |
| Kaʻanuʻu kumu | 8px |
| Ka radius o ke pihi | 9999px |
| Ka laulā o ke kāleka | 10px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 160px |
| Ka laulā o ka ʻaoʻao | 1216px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Slash 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
- Modal — ʻO kahi kikowaena phosphorescent i loko o kahi lumi kikowaena pouli - ʻo ke kumu kukui wale nō he kala ʻōmaʻomaʻo ʻālohilohi
- 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.