
Calendly
Ink na-acha anụnụ anụnụ gbara ọchịchịrị n'elu mabụl oyi
Calendly dị ka ebe ọrụ nhazi dị jụụ na nke obi ike: ákwà dị ọcha nke nwere ọtụtụ ebe iku ume, kaadị ngwaahịa ọcha na-enwu enwu na-ese n'elu ndabere isi awọ dị jụụ, yana ihe osise niile e ji ink anụnụ anụnụ gbara ọchịchịrị mee kama ịbụ ojii dị ọcha. Ihe na-akọwapụta ya bụ agba anụnụ anụnụ gbara ọchịchịrị (#0b3558), nke a na-eji ebe ọ bụla ederede pụtara - isi okwu, bọtịnụ, akara ngosi, njikọ - nke na-eme ka interface ahụ dum dị nro, na-eme ka ọ dị ọkụ ma mara mma karịa ibe mbata SaaS nkịtị. A na-eji otu acha anụnụ anụnụ na-egbuke egbuke (#006bff) eme ihe niile bụ isi, na ihe ịchọ mma pink na acha anụnụ anụnụ na-agbasa karịa nhazi ngwaahịa na-agbakwụnye okpomọkụ na-enweghị ihe mkpofu. A na-edebe ihe ndị mejupụtara ya n'okpuru: ókèala 1px dị gịrịgịrị, onyinyo na-acha anụnụ anụnụ dị nro, nnukwu radii kaadị 24px, na nkuku bọtịnụ 8px na-adị ka ihe e bu n'obi kama ịdị nro.
Obosara kachasị elu bụ 1200px, etiti, yana oke akụkụ dị ukwuu na desktọpụ. E kewara isi ihuenyo ahụ ụzọ abụọ: kọlụm aka ekpe nwere isi ihe dị 80px + ederede ahụ + bọtịnụ nbanye agbakọtara, ebe kọlụm aka nri nwere kaadị wijetị ndoputa nwere ihe ịchọ mma n'azụ. N'okpuru ihuenyo isi bụ otu eriri zuru oke nwere akara Trust. Akụkụ ndị na-esote na-agbanwe n'etiti blọk isi etiti (H2 + ederede dị n'okpuru + oku nhọrọ maka ime ihe), na-esote blọk kọlụm abụọ na-akọwa atụmatụ (ederede aka ekpe/ngwaahịa aka nri ma ọ bụ ngwaahịa aka ekpe/ederede aka nri) yana ihe ịchọ mma dị n'azụ onyonyo ngwaahịa ọ bụla. A naghị eji grid kaadị eme ihe nke ukwuu - nhazi ahụ na-akwado ngalaba ejikọtara ọnụ karịa grid ọtụtụ kọlụm. Oghere dị n'etiti ngalaba dị site na 48 ruo 64px. Njemgharị ahụ bụ ogwe elu edobere 64px nwere akara ngosi n'aka ekpe, menu etiti, na otu oku maka ime ihe n'aka nri.
Isi ihe a na-ahụ anya bụ ihe osise ngwaahịa—ihe osise dị mfe nke interface kalenda ndoputa, nke e gosiri na kaadị ọcha dị nkọ nwere akụkụ gbara okirikiri sara mbara. Nhazi mma: kaadị ngwaahịa ọ bụla gbara ya gburugburu site na ntụpọ dị nro nke coral purple (#e55cff) ma ọ bụ azure acha anụnụ anụnụ (#0099ff), nke na-agbanwe agbanwe ma na-acha anụnụ anụnụ, na-emepụta mmetụta collage kama nseta ihuenyo dị larịị. Enweghị foto, enweghị onyonyo ụdị ndụ—ihe niile a na-ahụ anya na-anọchite anya interface onye ọrụ ngwaahịa, ọdịdị olu nkịtị, ma ọ bụ akara ngosi onye mmekọ monochrome na ogwe ntụkwasị obi. Akara ngosi dị larịị nwere obosara ahịrị nke 1.5–2px, monochrome, na acha anụnụ anụnụ gbara ọchịchịrị (Ink Navy) ma ọ bụ acha anụnụ anụnụ (Blue Signal).
Paletị
Akara
- Ink Navy
#0b3558— Ederede bụ isi, isi okwu, akara ngosi, ndabere gbara ọchịchịrị maka oku maka ihe omume, njikọ ụzọ. - Signal Blue
#006bff— Oku izizi maka ihe omume (CTA), igodo na-arụ ọrụ, ntinye njikọ, steeti ahọpụtara
Na-anọpụ iche
- Carbon
#0a0a0a— Ederede dị n'ojii dị ọcha (fallback), akara ngosi glyph, akara ngosi jupụtara. - Slate Gray
#476788— Ederede ndị ọzọ dị mkpa, ederede na-akwado ya, na akara ndị a na-anaghị ekwu okwu. - Mist Gray
#a6bbd1— Ederede agbanyụrụ, akara ọrụ na-adịghị arụ ọrụ, akara ngosi ọkụ - Cloud
#f8f9fb— Kanvas ibe, ndabere ala, elu ọzọ - Paper
#ffffff— Elu kaadị, ogwe e welitere elu, ederede bọtịnụ n'azụ gbara ọchịchịrị. - Pebble
#f0f3f8— Foto ndabere maka akara ngosi, onyinyo ubi ntinye, ihe ndị na-ekewapụ ihe dị nro, mmetụta hover.
Ụdị edemede
site na 12 ruo 80px · nzọụkwụ 10
- Gilroy — nnọchi: Manrope · ihe nhazi 400, 500, 600, 700 · Ederede niile dị na interface. Gilroy bụ onye na-ahụ maka ọdịdị mmadụ nke na-anaghị akọwa ihe dị iche iche, nke nwere oghere sara mbara na ọdịiche dị n'otu n'ime ihe ndị na-egosi etu esi ede ihe; a na-eji ibu ya dị ike (700) eme ihe maka isi okwu, ebe a na-eji 500–600 eme ihe maka bọtịnụ na obere isi okwu. Jiri Manrope ma ọ bụ Inter dochie ya.
- Gilroy — nnọchi: Inter · ihe nhazi 400 · Ederede ahụ na akara UI maka ebumnuche izugbe - ịdị arọ mkpụrụedemede isi 400 na-eme ka ederede dị ogologo nwee ike ịgụta n'enweghị mmetụta dị arọ.
- Gilroy — nnọchi: Inter · ihe nhazi 500 · Isi okwu nke abụọ na ederede ahụ a kpụrụ akpụ - mkpụrụedemede 14/500 bụ ngwa ọrụ bụ isi maka isi okwu kaadị na akara dị n'ime.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | dị oke arọ |
| Nzọụkwụ bụ isi | 8-16px |
| Redịọs bọtịnụ | 8px |
| Redịọs kaadị | 24px |
| Onyinyo | mba - ókèala kama onyinyo |
| N'etiti ngalaba | 48-64px |
| Obosara ibe | 1200px |
AI ga-ewulite weebụsaịtị gị n'ụdị Calendly 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
- ElevenLabs — Edemede foto n'ụdị ude ọkụ nwere isi akụkọ dị mfe nghọta. Akwụkwọ ndetu ụdị Bauhaus—akwụkwọ nwere agba àkwá, ink ojii, na otu olu odo odo na oroma maka ngosipụta ngwaahịa.
- Awesomic — Ntugharị zinc nke nchịkọta akụkọ nwere akara edemede oroma na-echetara gị confetti
- Monad — akwụkwọ akụkọ teknụzụ nchịkọta akụkọ gbasara akwụkwọ parchment ọkụ
- Dub — Ogwe njikwa akwụkwọ osikapa matte nke Link
- Seline Analytics — Tebụl nyocha dị jụụ dị n'elu akwụkwọ ọkụ
- Notion — Akwụkwọ ndetu akwụkwọ na-ekpo ọkụ n'anwụ ehihie
- Anthropic — Akwụkwọ akụkọ sayensị gbasara vellum na-ekpo ọkụ—elu ọdụ́ dị jụụ, isi akụkọ e serifed, na otu olu ụrọ nke na-apụta naanị mgbe ọ dị mkpa ime ihe.
- Augen Pro — Ngosipụta ọcha nke Apple nwere acha anụnụ anụnụ eletriki, nke na-enweghị ibu, dịka naanị olu ya n'ime oghere monochrome.
- Antimetal — Akụkọ ihe mere eme nke akwụkwọ edemede dị n'akwụkwọ ude—ụtụtụ dị jụụ n'akwụkwọ sayensị, ebe njide onwe onye na-egosi obi ike na serif na-ebuli ibu arọ
- Perk — Lime eletriki dị na akwụkwọ parchment ọkụ
- Ditto — Ụlọ ọrụ ebe a na-eme ihe atụ okooko osisi ọhịa. Elu ude na-ekpo ọkụ, agba ntọala odo odo na-egbuke egbuke, ink anụnụ anụnụ miri emi, agba organic na-acha okooko osisi n'azụ ihe ahụ.
- Officevibe — Magazin nchịkọta akụkọ gbasara akwụkwọ na-acha ude ọkụ. Chee echiche banyere edemede dị mma gbasara njikwa HR, nke a na-egosi dị ka ngwaahịa—mkpụrụedemede serif nke na-ada ụda site na interface acha anụnụ anụnụ nke oge a.