Vercel
E biri na akwụkwọ ọcha nke e biri n'elu ọdụ
Usoro nhazi Vercel bụ mmega ahụ n'ụdị monochrome dị iche iche: ákwà dị nso na ọcha (#fafafa), ụdị ojii, ókèala dị gịrịgịrị, na enweghị agba ịchọ mma zuru oke. Asụsụ anya na-akpalite njedebe nke onye nrụpụta e sere na mbipụta - Geist Sans anaghị apụta nke ọma na nha "dike" yana ịdị arọ nke 400-450 na oghere mkpụrụedemede nke -0.06em, ebe Geist Mono na-etinye akara, metadata, na ihe nlele koodu na okpu 11-13px. Bọtịnụ dị nkọ nke radii 6px ma ọ bụ akụkụ anọ nke ojii dị ọcha na ọcha ma ọ bụ ọcha na ojii. Sistemụ ahụ dabere na nhazi ọdịiche na nhazi nke ụdị ihe osise kama agba, na-eji akara triangle (▲) na akara okwu ahịrị abụọ dị ka naanị ihe akara. A na-agbakọta elu n'elu ibe ha n'usoro #fafafa → #ebebeb → #171717, na-emepụta omimi site na ịgbanwe ụkpụrụ ụda kama onyinyo ma ọ bụ agba. E wuru ihe ọ bụla n'elu grid 4px nwere obere njupụta, nke na-eme ka interface ahụ dị ka akwụkwọ ndetu nke onye injinia—nke ziri ezi, nke bara uru, na nke na-anaghị atụ egwu oghere ọcha.
Akpa ahụ dị 1280px n'obosara, etiti ya, nwere nnukwu ihe mkpuchi kwụ ọtọ (24-48px). Blọk isi ahụ na-eji nhazi mpaghara atọ a na-anaghị ahụkarị: nnukwu isi okwu n'aka ekpe, akara glyph etiti, na blọk "nkuanya" n'aka nri. N'okpuru blọk isi, a na-ahazi ọdịnaya n'ụdị dị iche iche: eriri obosara zuru oke nwere akara onye ahịa, wee soro ngalaba "Ndị Okike Ndị Nnọchiteanya" nke kọlụm abụọ nwere isi okwu n'aka ekpe na nhazi ngwaahịa n'aka nri, wee soro grid nke kaadị atọ nwere atụmatụ. A na-ekewa ngalaba ndị ahụ site na gutter kwụ ọtọ nke 96-128px na-enweghị nkewa ma ọ bụ ihe mgbochi ndabere. Njemgharị ahụ bụ otu panel 64px edobere nke nwere ndabere na-adịghị mma. Grid kaadị na-eji nhazi kọlụm abụọ ma ọ bụ atọ mgbe niile yana gutters 16-24px. Njupụta zuru oke dị obere - ederede dị mfe ịgụ, enwere oghere ọcha zuru oke, mana nha mkpụrụedemede na nha akụkụ na-egbochi ibe ahụ inwe mmetụta ikuku.
Foto ndị a dị obere ma na-arụ ọrụ mgbe niile. Isi ihe a na-ahụ anya bụ triangle ojii (▲)—akara akara geometric nke na-apụta dị ka onyinyo na-efegharị efegharị na nha "isi obodo". Akara ngosi ndị ahịa na mpempe akwụkwọ akaebe nke echiche na-eji akara okwu nke ika ọ bụla n'ụdị isi awọ. E tinyere ihe ngosi ngwaahịa (njikọ nkata Notion, mmepụta njedebe CLI, kaadị paspọtụ) dị ka nseta ihuenyo ụdị ìhè n'ime kaadị e ji frame mee. Enweghị foto, ihe osise, ma ọ bụ ihe 3D—usoro ahụ bụ ụdị edemede na ọdịdị geometric dị ọcha na akwụkwọ ọcha.
Paletị
Na-anọpụ iche
- Obsidian
#171717— Isi isiokwu, ókèala ụzọ, ihe e ji ejupụta bọtịnụ gbara ọchịchịrị, na ihe nrịbama ndepụta niile fọrọ nke nta ka ọ bụrụ oji, na-ezere oke ike na afọ ojuju dị egwu. - Paper White
#fafafa— Ihe e ji kpuchie peeji ahụ, ihe ndị dị n'elu kaadị ahụ, ihe ndị e ji ọkụ jupụta na bọtịnụ ahụ—nke a bụ ihe ndabere nkịtị nke ihe ndị ọzọ niile dị na ya. - Pure White
#ffffff— Elu kaadị e welitere elu, ihe ntinye, na ubi ntinye. - Hairline
#ebebeb— A na-ahụ oke 1px na bọtịnụ, njikọ, na kaadị na ọkwa mbugharị dị elu, mana a naghị ahụ ya anya na ọkwa mbugharị dị ala. - Ash
#c9c9c9— Ederede agbajiri agbaji, akara ndị a na-anaghị ekwu okwu, akara mmiri aha njirimara dị na akara ngosi ndị ahịa. - Smoke
#a8a8a8— Ederede nke abụọ, ederede ihe njide ebe, akara ngosi dị nro.
Ụdị edemede
site na 11 ruo 64px · nzọụkwụ 6
- Geist Sans — nnọchi: Inter · ihe nhazi 400, 450, 500 · Mkpuruedemede bụ isi maka interface na isi okwu bụ nke e ji usoro nhazi mara mma nke Vercel mepụtara nke nwere oghere mkpụrụedemede siri ike na nnukwu nha (-0.06em na 56-64px, -0.05em na 30px). Maka isi okwu ndị dị n'elu peeji ahụ, a họọrọ ibu 450: buru ibu karịa Light mana dị mfe karịa Semi-Bold, na-eme ka olu dị nro, mana ọ bụghị nke siri ike.
- Geist Mono — nnọchi: JetBrains Mono · ihe nhazi 400, 500, 600 · Mkpụrụedemede nke abụọ nwere oghere dị iche iche maka nkọwa okwu, blọk koodu, ogwe mmepụta CLI, metadata, na ederede ukwu. Nchikota 8px/600px/oke mkpụrụedemede na-enye ohere maka itinye obere akara okwu kpọmkwem. Oghere mkpụrụedemede sara mbara (0.071em) na ụdị monospaced na-enye ohere zuru oke maka ederede ukwu.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | dị oke arọ |
| Nzọụkwụ bụ isi | 12px |
| Redịọs bọtịnụ | 6px |
| Redịọs kaadị | 6px |
| Onyinyo | mba - ókèala kama onyinyo |
| N'etiti ngalaba | 96-128px |
| Obosara ibe | 1280px |
AI ga-ewulite weebụsaịtị gị n'ụdị Vercel 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
- Headspace — Nkuku ahụike anwụ na-acha n'elu akwụkwọ ọkụ
- WHOOP — Ụlọ nyocha arụmọrụ n'etiti abalị - tebụl ụlọ nyocha ahụike ọcha n'okpuru oghere ihe nkiri ojii, otu ọkụ eletrik odo odo
- Together AI — Ngwa nyocha na akwụkwọ glacial
- v0 by Vercel — Ịse ihe e ji asa ákwà. Ịse ihe na ịrụ ọrụ ya dị oke mkpa, ihe ọ bụla e ji ya mee ihe doro anya n'elu ebe dị ọcha ma zuru oke n'ụzọ teknụzụ.
- Dovetail — Ihe osise n'okpuru ọnwa ojii—ahịrị eserese a na-anaghị ahụ anya, mkpụrụedemede ọcha, otu ihe na-egbuke egbuke odo odo
- Glideapps — Tebụl nhazi monochrome nwere otu ọkụ eletrik turquoise na-egbuke egbuke
- Timescale — Ihe osise injinia na akwụkwọ eserese ọkụ
- UGLYCASH — Akwụkwọ ndetu e ji akwụkwọ mmado kpuchie nke dị n'elu akwụkwọ nwere agba ude na-egosi ọnọdụ nke fintech dị egwu, nke nwere oke nkà, nke na-egosipụta ọgba aghara ya n'anya.
- Sprout Social — Ome akwụkwọ ndụ akwụkwọ ndụ n'elu slate ojii. Otu olu na-egbuke egbuke n'elu ákwà siri ike nke monochrome, nke agba ya na-eji naanị maka ihe omume, yana mkpụrụedemede geometric siri ike na-eje ozi dị ka akara ngosi.
- Krea — ụlọ ngosi ihe mgbe ochie n'etiti abalị
- Evergreen — Akwụkwọ nri anyanwụ na akwụkwọ linen
- Factory — Ọdụ "ụlọ agha" n'etiti abalị. "Ụlọ ọrụ mmepụta ihe" bụ panel njikwa ojii gbara ọchịchịrị ebe otu kaadị ọcha na-ada dị ka ọkụ ọkụ - naanị ihe dị n'ime ụlọ ahụ bụ ọrụ ahụ n'onwe ya.