Slash
Ebe nchekwa etiti abalị nwere akwụkwọ ndekọ ọlaedo
Slash na-arụ ọrụ n'ụdị ihe ngosi etiti abalị: ákwà ojii fọrọ nke nta ka ọ bụrụ ákwà ọcha, ụdị ọcha, na otu olu ọla kọpa na-ekpo ọkụ nke na-eje ozi dị ka akara edemede. E gosipụtara isi okwu na Ivy Presto, serif dodone dị iche nke ejiri na nnukwu nha (ruo 88px) - esemokwu a nke ụdị serif na sans-serif bụ mbinye aka sistemụ ahụ, na-enye ya gravitas ego na-enweghị gravitas nke ụlọ akụ ọdịnala. A na-akọwapụta ihe ndị ọzọ dị na interface onye ọrụ n'ụzọ doro anya: ókèala dị gịrịgịrị, njikwa dị ka pill, ederede ahụ dị obere nke 16px, na mmụba dị nro iji kwe ka ụdị ahụ kuo ume. Otu gradient ọlaedo (ahịrị eserese, obere accents) na-agbakwụnye okpomọkụ na sistemụ monochrome, na-akpali ọkụ ọkụ nke ọdụ Bloomberg e wuru maka ndị na-ege ntị na-emepụta ihe.
Ọdịnaya ahụ dị 1216px n'obosara, etiti ya, nwere oghere kwụ ọtọ 160px. Ihuenyo mbụ ya bụ ákwà mkpuchi gbara ọchịchịrị, nke zuru oke nke nwere nhazi kewara ekewa: isi serif nke aka ekpe (obosara 64–88px) nwere ubi adreesị ozi-e n'okpuru, yana nnukwu kaadị UI ngwaahịa (nseta ihuenyo dashboard) n'aka nri na obosara 50%. Akụkụ ndị na-esote na-eji isi otu kọlụm, nke etiti (serif, obosara 44–64px) nwere isi okwu na Inter, nke na-esote grid kaadị atọ maka nkọwa atụmatụ/ihe akaebe/blọọgụ. Njemgharị ahụ bụ ogwe elu edobere: akara ngosi n'aka ekpe, menu etiti (Ụlọ ọrụ, Ngwaahịa, Ngwọta, Ndị Ahịa, Ọnụahịa, FAQ), nbanye aka nri (anaghị ahụ anya), na mmalite (ihe jupụtara ọcha). Ala ala ahụ nwere grid kọlụm ise dị oke nke njikọ yana ozi ụlọ ọrụ na ọkwa iwu. Ibe a na-agbanwe n'etiti ngalaba grid bara ụba na stats ihuenyo zuru oke - a na-edozi ụda ahụ site na oghere ọcha dị ukwuu n'etiti ogidi kama site na agba ndabere na-agbanwe agbanwe (a na-egosi ibe ahụ dum dị ka otu kanvas, nke jikọtara ọnụ).
Foto a bụ nke nchịkọta akụkọ na nke okike: foto na-ekpo ọkụ nke ndị guzobere ya na ndị otu ya n'ebe ọrụ ha dị adị (ọfịs, ụlọ obibi, ebe owuwu). Foto ndị ahụ na-ejupụta okpokolo agba kaadị ahụ n'ọnụ ruo n'ọnụ, na-enweghị ihe mkpuchi. A na-eji obere agba gbara ọchịchịrị n'ala kaadị ndị akaebe iji mee ka ọgụgụ ederede dịkwuo mma. Mma ahụ—"LinkedIn zutere magazin nchịkọta akụkọ"—bụ ihe nkịtị, mmadụ, ma dịkwa ntakịrị ogbi, a naghị emecha ya nke ọma na foto ngwaahịa. Mkpirisi edemede na-ejikọta foto na echiche eserese (onye guzoro n'ime ihe mgbochi, ebe a na-ere ọkụ nwere akpa ego). A na-egosi UI nke ngwaahịa ahụ n'ụdị gbara ọchịchịrị na opacity zuru oke, na-efegharị n'elu peeji ahụ n'elu ebe gbara ọchịchịrị dị nro—ihe dị mkpa. Akara ngosi ndị ahụ bụ monochrome nwere 1px strokes na #2e3038 ma ọ bụ #777a88, anaghị ejupụta na agba akara ahụ.
Paletị
Na-anọpụ iche
- Bone
#e2e3e9— Nnukwu nha mkpụrụedemede maka ederede bụ isi, akara data zuru ezu, na ụda ederede ọkọlọtọ n'ọtụtụ ihe UI. - Obsidian
#08080a— Ihe osise ibe ahụ, ndabere ala, na elu kachasị gbaa ọchịchịrị fọrọ nke nta ka ọ bụrụ oji ma nwee agba anụnụ anụnụ dị nro. - Onyx
#040406— Elu kaadị ahụ, ndabere ọzọ, dị otu nzọụkwụ karịa ibe maka mmetụta anya. - Carbon
#121317— Ogwe ndị e buliri elu, ihe mejupụtara UI na-enweghị ihe mgbochi - nzọụkwụ mbụ dị mfe karị na mgbanwe nke Surface Stack - Graphite
#1c1d22— Ókèala, ihe nkesa, ihe mkpuchi akara ngosi, ihe mmịfe njikwa—agba kachasị dị nro nke na-akọwa nhazi. - Slate
#2e3038— Ókèala ndị ọzọ, ahịrị akara ngosi ndị na-adịghị mma, ihe nkewa dị nro n'etiti blọk ọdịnaya.
Ụdị edemede
site na 13 ruo 88px · Nzọụkwụ 9
- Ivy Presto — nnọchi: Playfair Display · ihe nhazi 400, 500 · Mkpụrụedemede serif maka isi okwu na obere isiokwu—a na-eji ya naanị maka isi okwu na aha ngalaba na 28px na karịa. Mpịakọta dodon dị oke iche na serif dị gịrịgịrị na-emepụta mmetụta nke okomoko nchịkọta akụkọ; obere oghere mkpụrụedemede dị mma nke 0.01em bụ ihe a na-adịghị ahụkebe ma na-enye mkpụrụedemede ahụ ọdịdị ebipụtara, dị ka akaụntụ. Mkpụrụedemede serif a bụ kaadị oku isi nke ika ahụ—ọ na-eme ka Slash dị iche na ụlọ ọrụ SaaS fintech ndị ọzọ niile na-adabere na mkpụrụedemede sans-serif nke dị na geometric.
- Inter — nnọchi: Inter (self-hosted via Google Fonts) · ihe nhazi 300, 400, 500, 600, 700 · UI Sans—isi ederede, ụzọ ntụgharị, bọtịnụ, akara, njikọ, ubi ụdị, na obere isi okwu. Isi ederede na-eji mkpụrụedemede 300 maka ederede nke abụọ na-enweghị ihe mgbochi; a na-eji 500 maka ederede na akara bọtịnụ etiti; 600 dị maka akara edemede edere na obere okpu. Oghere mkpụrụedemede na-adịghị mma na-ebelata site na 2 (-3) ma na-ebelata ka nha ahụ na-ebelata, nke bụ ihe a na-ahụkarị na nhazi anya nke mkpụrụedemede Inter.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | sara mbara |
| Nzọụkwụ bụ isi | 8px |
| Redịọs bọtịnụ | 9999px |
| Redịọs kaadị | 10px |
| Onyinyo | mba - ókèala kama onyinyo |
| N'etiti ngalaba | 160px |
| Obosara ibe | 1216px |
AI ga-ewulite weebụsaịtị gị n'ụdị Slash ma jupụta ya
- Jupụta ngwaahịa na ozi site na njikọ ahụ - Instagram, TikTok, Facebook.
- Bufee ọdịnaya site na saịtị ochie gị—kpọọ naanị adreesị ahụ.
- Nhazi ọgbara ọhụrụ na injin kacha mma: React ( Next.js) na nhazi sava na nhazi SEO n'ime igbe.
- Nhazi SEO akpaghị aka zuru oke maka nsonaazụ ọchụchọ na ndụmọdụ netwọkụ akwara.
Ụdị ndị yiri ya
- Modal — Ọdụ phosphorescent dị n'ime ụlọ sava gbara ọchịchịrị - naanị isi iyi ìhè bụ agba akwụkwọ ndụ na-egbuke egbuke
- AgentQL — Ọkụ Ugwu n'elu ọdụ n'abalị
- GitHub — Ogwe iwu oghere nwere ebe njikwa bioluminescent—ebe ọrụ gbara ọchịchịrị nke ikuku ebe otu ọkụ akwụkwọ ndụ akwụkwọ ndụ na-egosi ụzọ ịga n'ihu.
- Doppler — Ọkụ odo odo nke ụlọ nchekwa ahụ n'etiti abalị. Kanvas ojii ahụ na-enwu site na otu akara lavender na ọkụ nkwenye akwụkwọ ndụ akwụkwọ ndụ, elu niile gbagọrọ agbagọ nke ọma iji jide ya.
- Basedash — Ọdụ data etiti abalị nwere mkpụrụedemede matte. Ebe nlele gbara ọchịchịrị ebe metrics na-acha odo odo na akwụkwọ ndụ akwụkwọ ndụ, isi akụkọ serif na-efegharị n'elu mkpọtụ ahụ, na bọtịnụ ndị dị ka mkpụrụ ọgwụ ọcha bụ naanị ihe na-egbuke egbuke n'ime ụlọ nwere elu ojii dị nro.
- Superwhisper — Ọkụ ugwu na-agbaze n'ime iko etiti abalị
- Better Stack — Ogwe njikwa etiti abalị SRE
- Langbase — Igwe njikwa ọkụ etiti abalị nke Northern Lights
- Astro — Njikwa Ọrụ Miri Emi nwere otu ọkụ odo odo sitere na nebula
- Wayfinder — Ihuenyo ihe nkiri ojii nke nwere aha a na-anaghị anụ nke na-efegharị n'elu ihe osise dị ndụ. Ihe ngosi ahụ bụ ihe mmịfe na-enwu enwu kama ọ bụ ihe njikwa.
- HashiCorp — Ụlọ njikwa n'etiti abalị nwere neon odo odo bụ ebe teknụzụ gbara ọchịchịrị ebe cube hexagonal na-egbuke egbuke na-eje ozi dị ka naanị ihe ngosi agba.
- Umbrel — Ọkụ dị mma n'ime ụlọ ọrụ ihe nketa abalị—ụlọ gbara ọchịchịrị ebe otu ìhè peach na-egosipụta ihe dị mkpa n'ezie.