Superlist
Ebe ọrụ abalị nwere ire ere coral—ebe dị jụụ nke ngwa eggplant ebe otu ọkụ oroma na-ekpo ọkụ na-egosi ihe niile a na-eme
Superlist na-eji asụsụ mmepụta ihe n'ime agba odo odo nke etiti abalị: eggplant miri emi, coral na-ekpo ọkụ dị ka naanị agba bụ isi, na nnukwu isi akụkọ sans-serif nke na-ejide ikuku dum. Interface ahụ na-akpali mmetụta nke ọrụ lekwasịrị anya n'abalị - dị jụụ, dị larịị, na obi ike, yana agba ejiri naanị dị ka akara ngosi ọrụ na oku maka ihe omume, ọnọdụ na-arụ ọrụ, na isi ihe dị mkpa. A na-eji agba gbara ọchịchịrị dị nro kpuchie elu ya na ụda odo odo (#181824 → #26253b), na-ezere oji dị ọcha iji hụ na omimi ahụ dị ọkụ kama ịbụ ihe na-adịghị ọcha. Ihe mejupụtara ya nwere ọdịdị gbara gburugburu (kaadị 20px, bọtịnụ pill), onyinyo dị nro, na "iku ume" site na oghere 10-16px dị mma kama grid siri ike. Olu isi okwu bụ ihe niile: ibu isi 600 na 70-88px yana oghere mkpụrụedemede siri ike nke -0.02em na-emeso ederede dị ka edemede kama UI - ọ dị nso na mbipụta nchịkọta akụkọ karịa SaaS.
Ngalaba gbara ọchịchịrị na-agbasa obosara peeji ahụ dum, ya na akpa ọdịnaya dị n'etiti, nke nwere obosara kachasị elu. Akụkụ bụ isi dị n'etiti etiti ma nwee isi okwu, obere ederede, na oku maka ihe omume (CTA), wee soro ya na nnukwu ihuenyo ngwaahịa nke na-ekpuchi ngalaba na-esote. Ngalaba ndị na-esote na-agbanwe n'etiti blọk ederede etiti na grid kaadị. Ngalaba nyocha ahụ na-eji grid kọlụm atọ nwere kaadị nyocha na gutters 16. Ntugharị bụ otu ogwe elu nwere akara ngosi n'aka ekpe, njikọ etiti, na ihe omume nbanye n'aka nri - enweghị akụkụ aka nri edoziri ma ọ bụ nnukwu menu. Gutters dị n'etiti ngalaba dị ukwuu (gutters 16), na-emepụta usoro nhazi sara mbara, kama grid ngwaahịa dị oke.
Ihe ngosi foto na-achịkwa site na nseta ihuenyo ngwaahịa—oghere buru ibu nwere akụkụ gbara okirikiri, nke na-egosi njikọ ngwa ahụ n'ezie, na-ejupụta ngalaba ndị bụ isi na nke abụọ. Foto ndị a pere mpe, a na-eji ha naanị dị ka avatars onye ọrụ ma ọ bụ ihe ngosi nke mgbasa ozi dị na ngwa (dịka ọmụmaatụ, onyonyo egwu dị na panel aka nri nke ihe nlereanya ngwaahịa ahụ). Akara ngosi dị na ogwe ntụkwasị obi bụ akara ederede ọcha dị larịị, nke a na-anaghị agbachi nkịtị. Enweghị ihe osise ịchọ mma, enweghị eserese nkịtị, enweghị ihe ngosi 3D. Atụmatụ anya bụ igosi ngwaahịa ahụ n'ọtụtụ, hapụ ka edemede ahụ rụọ ọrụ mmetụta uche, ma jiri coral dị ka agba olu naanị.
Paletị
Akara
- Coral Ember
#ff4a36— A na-eji oroma eme ihe dị ka ihe na-egosi ihe ịchọ mma na ihe na-egosi ihe ndị a na-anaghị ahụkarị. E kwesịghị iji ya mee ihe dị ka agba mbụ maka ịkpọ oku maka ihe omume.
Na-anọpụ iche
- Aubergine Canvas
#181824— Ndabere peeji ahụ, isi ákwà, bụ agba gbara ọchịchịrị nke na-anọchi anya oji dị ọcha, na-eme ka interface onye ọrụ yie nke dị larịị kama ịdị larịị. - Elevated Plum
#26253b— Elu kaadị, ubi ntinye, akpa njem—otu nzọụkwụ dị mfe karịa kanvas iji mepụta omimi na-enweghị ókè a na-ahụ anya. - Pure White
#ffffff— Isi isiokwu, ederede bọtịnụ, na ndepụta akara ngosi - ọdịiche kachasị na kanvas gbara ọchịchịrị. - Fog Text
#696f81— Isi ihe odide ahụ, isi okwu ndị ọzọ, na ókèala ndị a na-anaghị ekwu okwu—nkezi ọdịiche dị na 7:1 maka ịgụ ihe dị mma na ndabere agba eggplant. - Ash Text
#8e8da0— A na-akwado agba na-anọpụ iche maka ihe ndị dị na UI nke abụọ, ihe nkesa, na akara ndị a na-anaghị ekwu okwu. Ekwesighi iji ya dị ka agba bụ isi maka oku maka ihe omume. - Mist Highlight
#a3a3a7— Ókèala dị nro, ihe ndị na-ekewa, na ihe ndị na-agagharị na-adịghị arụ ọrụ na-emepụta ụda na-anọpụ iche nke ka pụtara ìhè na ákwà ahụ.
Ụdị edemede
site na 12 ruo 88px · Nzọụkwụ 9
- sans-serif — nnọchi: Inter · ihe nhazi 400 · sans-serif - achọtara na data ewepụtara mana AI akọwaghị ya.
- Haffer XH SemiBold — nnọchi: Inter Tight · ihe nhazi 400, 600 · Mkpụrụedemede bụ isi maka ngosipụta na isi okwu. A na-eji ya na nha 70–88px maka isi okwu dike nwere oghere mkpụrụedemede -0.02em na ịdị arọ nke 600. Oghere mkpụrụedemede dị warara na ogologo mkpụrụedemede buru ibu na-enye isi okwu ahụ ibu ọrụ nchịkọta akụkọ, na-eme ka ihu ojii ahụ yie mkpuchi magazin karịa dashboard. Jiri Inter Tight ma ọ bụ General Sans dochie ya na ibu dị egwu.
- Jersey 10 — nnọchi: Anybody · ihe nhazi 400 · Mkpụrụedemede buru ibu, nke a na-achọ mma maka ọnụọgụgụ olu na ihe ndị pụtara ìhè. A na-eji ya obere obere n'ogo buru ibu iji mepụta ụda olu. Enwere ike iji Anybody ma ọ bụ Cabinet Grotesk dochie ya.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | nkezi |
| Nzọụkwụ bụ isi | 10-16px |
| Redịọs bọtịnụ | 100px |
| Redịọs kaadị | 20px |
| Onyinyo | onyinyo dị nro |
| N'etiti ngalaba | 80px |
| Obosara ibe | 1200px |
AI ga-ewulite weebụsaịtị gị n'ụdị Superlist 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
- DNA — Anya abalị dịka a hụrụ site na anya ihe na-egosi ihe
- Abetterlou — Akpụkpọ anụ Saddle - mkpụrụedemede ude na-ekpo ọkụ na-enwu n'azụ ojii kọfị miri emi, nwere bọtịnụ ọlaedo amber nke dị ka ígwè ọkụ a pịara n'ime peeji ahụ.
- Galileo-ft — Ebe nchekwa iwu dị omimi nke nwere akara ngosi anụnụ anụnụ eletrik
- Decide AI — Ihe nlele n'etiti abalị - akara mint
- Redis Agency — Ọgbakọ nchịkọta akụkọ, nke a na-emeghe mgbe ọrụ gasịrị, bụ ebe a na-anaghị ahụkarị ebe a na-eji mkpụrụedemede serif na otu mkpụrụ akwụkwọ uhie mee ọrụ akara niile.
- Spellbook — Ụlọ ikpe etiti abalị nke e ji ink coral mee ka ọ nwuo—ebe ederede gbara ọchịchịrị ebe naanị ụda ya bụ mkpịsị akwụkwọ oroma na-ekpo ọkụ
- Linear — ngwa nyocha nke etiti abalị
- Origin Financial — Ụlọ ngosi ihe ngosi nke abalị nke ihe okomoko dị jụụ. Ụlọ dị jụụ, nke fọrọ nke nta ka ọ bụrụ ọchịchịrị ebe nnukwu mkpụrụedemede serif na obere panel agba agba na-emepụta mmetụta na ego bụ ọrụ nka a haziri nke ọma.
- Hyperstudio — A kpụchara ihe osise ahụ ka ọ bụrụ obsidian. Ederede na ahịrị ndị dị nro na-eme ka oghere ọcha nke ojii dị ọcha, na-enwe akara compass ọlaedo mgbe ụfọdụ na-egosi ụzọ ahụ.
- Air — ihe ọkpụkpụ "Eluigwe n'etiti abalị site na iko"
- Raycast — Ebe Iwu Etiti abalị, Coral Neon
- dope.security — Ọdụ etiti abalị nwere akara odo odo