Superhuman
panel nchịkọta akụkọ nke oge ọlaedo
Ihe karịrị mmadụ na-eme ka foto nchịkọta akụkọ na ngwanrọ UI dị n'etiti—ihe e ji mee ka ọ dị ka akpụkpọ anụ (nke na-adịghị ọcha ọcha) nke e ji ihe e ji eme ihe n'ụdị akwụkwọ maroon na ihe na-acha odo odo na-egbuke egbuke. Isi akụkọ, nke e tinyere na mkpụrụedemede 460, na-eme mkpọtụ kama iti mkpu, na-enye ohere ka foto sinima zuru oke mee ka ọ dị arọ, ebe kaadị UI ngwaahịa na-enwu enwu na-ese n'elu ihe osise ahụ. Paletị ahụ na-anọgide jụụ ma na-edezi ihe n'ọtụtụ oge: elu ude, ederede ude, ókèala ọkụ-isi awọ dị nro, na oghere dị ukwuu n'etiti ihe, yana agba echekwara maka akara edemede aha - otu oku maroon na-eme ihe, njikọ odo odo, bọtịnụ mgbakwunye lilac dị mfe. Sistemụ ahụ na-ezere onyinyo siri ike na gradients na elu UI; A na-enweta omimi ahụ site na foto dị larịị na obere ihe na-adịghị mma na aha ahụ, kama site na mmetụta nchịkọta.
Isi ihe dị na ya bụ foto obosara zuru oke nwere isi okwu etiti (48-64px/460) na otu oku maka ihe omume juputara na onyonyo mmanya, yana kaadị UI ngwaahịa na-enwu enwu nke na-ekpuchi n'akụkụ aka ekpe na aka nri. N'okpuru ihe bụ isi bụ eriri akara akara ọcha (mkpụrụ ndụ 6 kwa ahịrị, oke obosara kachasị), wee ngalaba taabụ nwere elu kaadị ọcha na kanvas parchment. Eriri turquoise gbara ọchịchịrị na-agbaji ụda ihe dị ka ụzọ abụọ n'ụzọ atọ nke ụzọ site na ibe ahụ - obosara zuru oke, kọlụm abụọ (foto dị n'aka ekpe, ederede n'aka nri) - na-emepụta naanị ọdịiche ụda ka ị na-agagharị. Eriri ikuku na-esochi. Oghere kwụ ọtọ n'etiti ngalaba bụ 64-96px. Obosara ọdịnaya kachasị bụ ~1200px etiti, yana ihe bụ isi na eriri gbara ọchịchịrị nke na-agbasa obosara zuru oke nke ihe nlele ahụ. Njemgharị ahụ bụ otu isi okwu edobere nke nwere ndabere na-adịghị mma; enweghị akụkụ aka nri, enweghị nnukwu menu. Ala ala bụ ibe burgundy zuru oke nwere nhazi ọtụtụ kọlụm nke njikọ. Usoro zuru oke bụ: isi etiti → ọdịnaya ọcha/ude dị jụụ → eriri gbara ọchịchịrị nwere isi onyonyo → gradient ikuku → burgundy footer, na-agbanwe ìhè na eriri gbara ọchịchịrị iji mepụta ọsọ nchịkọta akụkọ.
Isi ihe a na-ahụ anya bụ foto sinima: foto obosara zuru oke n'elu mbara igwe mepere emepe na-eje ozi dị ka isi ihe, yana eriri ikuku nke abụọ dị n'okpuru peeji ahụ. A na-ese foto ahụ nke ọma, a na-eme ka ọ ghara ịdị mma, ma see ya na profaịlụ, na-echetara ya awa ọlaedo, na-emepụta mmetụta nchịkọta akụkọ karịa ụlọ ọrụ. E tinyere eriri gbara ọchịchịrị nwere akụkụ anọ geometric na-egbukepụ egbukepụ na ihe odide aka n'elu foto nke nwoke furu efu n'uche - mkpokọta elu karịa otu onyonyo. A na-egosi interface onye ọrụ dị ka kaadị iko na-ese n'elu foto ahụ, kama dị ka nseta ihuenyo dị iche. Enweghị ihe osise ngwaahịa, enweghị ihe ngosi 3D, na enweghị ụdị ihe ịchọ mma nkịtị, ma e wezụga maka eriri ikuku gradient. Akara ngosi ndị ahụ bụ akara ngosi ahịrị monochrome dị obere, ~ 16-20px obosara, yana otu obosara kwekọrọ na ibu ederede isi 460.
Paletị
Akara
- Midnight Wine
#421d24— Bọtịnụ ndị bụ isi na-arụ ọrụ, mgbasa ozi ọkọlọtọ, na ụkwụ bụ burgundy ojii na-ekpo ọkụ, nke na-adị ka ink karịa ọbara ọbara, na-eme ka agba ahụ sie ike n'enweghị ike karịrị akarị. - Royal Violet
#714cb6— A na-eji odo odo eme ka njikọ, mkpado, na obere ahịrịokwu pụta ìhè. Ekwesighi iji ya dị ka agba bụ isi maka oku maka ihe omume.
Na-anọpụ iche
- Lilac Mist
#d4c7ff— Ihe ndị e ji kpuchie elu nke abụọ, ihe ngosi ọkụ, na ndabere bọtịnụ mmụọ niile nwere agba odo odo gbara ọchịchịrị nke na-egosi ụdị ika ahụ n'enweghị ịdọta uche na-enweghị isi n'ebe ọ nọ. - Deep Lagoon
#0c4243— Ntọala gbara ọchịchịrị maka eriri ahụ, nke ejiri mee ihe dị ka isi ihe akụkọ, bụ naanị elu gbara ọchịchịrị dị na sistemụ ahụ, yana ụkpụrụ geometric a kpuchiri ekpuchi. - Warm Parchment
#f2f0eb— Elu ọrụ nke ibe ahụ bụ ihe kachasị mkpa; agba ude ọkụ na-anọchi ọcha dị ka ntọala, na-eme ka usoro ahụ dum nwee mmetụta nchịkọta akụkọ. - Soft Mist
#e3e3e2— Ókèala dị mma, nkọwa kaadị, ahịrị ndị na-ekewa—isi awọ na-ekpo ọkụ, nke na-agwakọta ya na akwụkwọ ahụ mana ọ na-akọwa nsọtụ ya nke ọma. - Ink Charcoal
#292827— Ederede ahụ, isi okwu, ihe osise akara ngosi - agba na-ekpo ọkụ, fọrọ nke nta ka ọ bụrụ oji, nke nwere aja aja zuru oke iji dị ka ink n'akwụkwọ, ọ dịghị mgbe ọ na-ajụ oyi #000 - Stone Gray
#666666— Ederede ahụ nke abụọ, ederede ndị na-akwado ya, nkọwa nzuzo - otu isi awọ dị ọkara, ejiri ya mee ihe nke ọma ka ọ ghara ịsọ mpi na isi ihe odide ahụ.
Ụdị edemede
site na 12 ruo 64px · nzọụkwụ 8
- Super Sans VF — nnọchi: Inter (closest open equivalent for variable weight range) · ihe nhazi 460, 500, 540, 600, 700 · Otu mkpụrụedemede n'ime sistemụ ahụ dum. Mgbanwe Axis na-agafe site na 460 (mkpụrụedemede mbinye aka, mkpụrụedemede a gbuturu ntakịrị maka ederede isi niile buru ibu) ruo 540 (ederede ahụ a mesiri ike) na 700 (ndepụta okwu ndị siri ike). VF a haziri nke ọma na-eme ka isi ihe dị arọ 460 yie ihe a na-amaghị ama karịa nke a na-amaghị ama—na 48-64px yana oghere mkpụrụedemede siri ike, a na-ahụ mmetụta "a gbuturu ntakịrị" dị ka nke nwere obi ike kama ịdị gịrịgịrị.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | dị oke arọ |
| Nzọụkwụ bụ isi | 8px |
| Redịọs bọtịnụ | 16px |
| Redịọs kaadị | 16px |
| Onyinyo | mba - ókèala kama onyinyo |
| N'etiti ngalaba | 64-96px |
| Obosara ibe | 1200px |
AI ga-ewulite weebụsaịtị gị n'ụdị Superhuman 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
- AI for Business — Ụlọ ngosi ihe nkiri ndị na-eme ihe ike n'olu na-acha isi awọ na-ekpo ọkụ
- Jeton — Nchịkọta akụkọ gbasara fintech na marble ọkụ
- Airtable — Nzukọ ọmụmụ ihe mara mma nke nwere isiakwụkwọ dị iche iche e ji agba dị iche iche mara
- Osmo — Ụlọ ihe ngosi nka nke ndị mmepe na ihe owuwu isi awọ
- Linktr — E tinyere akwụkwọ mmado ndị e ji ede akwụkwọ akụkọ dịka swiit. E mere websaịtị ahụ n'ụdị agba dị iche iche, e tinyere isi akụkọ akwụkwọ ndụ akwụkwọ ndụ na-egbuke egbuke n'elu mgbidi ndị na-acha anụnụ anụnụ na cobalt, yana ihe ndị na-agagharị dị ka mkpụrụ akwụkwọ ọcha na-ese n'elu ubi burgundy.
- Outsource Consultants — Mpempe akwụkwọ owuwu buru ibu nke dị n'elu akwụkwọ ọkpụkpụ. Ihe osise mara mma nke ukwuu, ebe otu obere indigo na-egbuke egbuke na-egbochi grid dị ọkụ ma dị oke elu nke nwere ike ịdepụta ihe.
- Streamtime — Bọọdụ Ọnọdụ Ihe Okike Na-emetụ Aka - Tebụl Scrapbooking nke Onye Mmepụta
- Switch-Lit — E biri akwụkwọ nchịkọta akụkọ na ink n'elu akwụkwọ ude
- HubSpot — Agba akwụkwọ ude na-ekpo ọkụ nwere otu olu oroma. HubSpot yiri magazin ndị na-emepụta ihe e biri n'akwụkwọ dị arọ—isi akụkọ serif, peeji ude na-ekpo ọkụ, na otu olu oroma na-enwu gbaa nke na-egosipụta naanị isi ihe ndị kacha mkpa.
- Granola — Ihe ndetu ubi dị na vellum na-ekpo ọkụ—Granola dị ka akwụkwọ ndetu Moleskine yi nke ọma nke e meghere n'elu tebụl na-enwu gbaa: isi serif na-enye mmetụta nke siri ike, ihe ndị na-acha akwụkwọ ndụ ndụ dị ka ink sitere na osisi, na ahịrị dị mma n'akụkụ kaadị ndị yiri ihe ndetu e ji aka dee.
- Secure — Mkparịta ụka n'ụlọ kọfị dị na Yuropu n'ehihie dị nro bụ echiche mara mma na nke mara mma maka oku vidiyo, ebe isi akụkọ serif na-agụ dị ka akụkọ magazin dị mma kama ibe ngwaahịa teknụzụ.
- Mockups made easy — Ụlọ ọrụ nhazi akwụkwọ akụkọ na akwụkwọ ọcha