Superhuman
iphaneli yokuhlela yehora legolide
I-Superhuman idlula phakathi kwezithombe zokuhlela kanye ne-UI yesofthiwe—i-canvas efudumele, efana nesikhumba (engakaze ibe mhlophe qwa) efaka izakhi zomkhiqizo ezi-maroon kanye nezimpawu ezinsomi ezikhanyayo. Izihloko, ezibekwe kufonti engu-460, zihleba kunokuba zimemeze, zivumela izithombe ze-cinematic zekhasi eligcwele ukuthi zenze umsebenzi osindayo, kuyilapho amakhadi e-UI yomkhiqizo akhanyayo entanta njengengilazi ngaphezu kwezithombe. Iphalethi ihlala izolile futhi ihlela isikhathi esiningi: izindawo ezikhilimu, umbhalo wamalahle, imingcele efudumele empunga, kanye nesikhala esikhulu phakathi kwezinto, ngombala ogcinelwe izimpawu zokubhala zomkhiqizo ngamabomu—ukubiza okukodwa oku-maroon esenzweni, izixhumanisi ezinsomi, inkinobho yokufaka ekhanyayo ye-lilac. Uhlelo lugwema ngamabomu izithunzi eziqinile kanye nama-gradients ezindaweni ze-UI; Ukujula kufinyelelwa ngezithombe ezingqimba kanye nokufiphaza kwesizinda esicashile esihlokweni, kunokuba kube nomphumela wokuhlanganisa.
Isici esiyinhloko isithombe esibanzi esigcwele esinesihloko esiphakathi nendawo (48-64px/460) kanye nokubiza okukodwa esenzweni okugcwele isithombe sewayini, namakhadi e-UI omkhiqizo akhanyayo antantayo ambozwe emaphethelweni angakwesokunxele nakwesokudla. Ngaphansi kwesici esiyinhloko kukhona umugqa welogo omhlophe (amaseli ayi-6 ngomugqa, ububanzi obukhulu bunqunyelwe), bese kuba yisigaba sethebhu esinezindawo zamakhadi amhlophe ku-canvas yesikhumba. Umugqa omnyama oluhlaza okwesibhakabhaka uphula isigqi cishe izingxenye ezimbili kwezintathu zendlela edlula ekhasini—ububanzi obugcwele, amakholomu amabili (isithombe ngakwesobunxele, umbhalo ngakwesokudla)—okudala umehluko wethoni kuphela njengoba uskrola. Kulandela umugqa womkhathi we-gradient. Isikhala esiqondile phakathi kwezigaba singama-64-96px. Ububanzi obukhulu bokuqukethwe bungama-~1200px phakathi nendawo, kanti isici esiyinhloko kanye nomugqa omnyama kudlula ububanzi obugcwele be-viewport. Ukuzulazula kuyisihloko esisodwa esiqinile esinesizinda esifiphele; akukho sidebar, akukho menyu enkulu. I-footer iyikhasi eligcwele eli-burgundy elinesakhiwo sezixhumanisi ezinamakholomu amaningi. Isigqi sisonke: uhlaka oluyinhloko → okuqukethwe okumhlophe/okukhilimu okuzolile → umugqa omnyama onesithombe esiyinhloko → i-gradient yomoya → unyawo olubomvu, imivimbo ekhanyayo nemnyama eshintshashintshayo ukudala ijubane lokuhlela.
Isici esiyinhloko esibonakalayo ukuthwebula izithombe ze-cinema: isithombe esibanzi esibhekene nesibhakabhaka esivulekile sisebenza njengendawo ebalulekile, kanye nomugqa wesibili womoya obekwe phansi ekhasini. Isithombe sithambile, sithulisiwe kancane, futhi sithathwe njengephrofayili, okukhumbuza ihora legolide, okwenza kube nomuzwa wokuhlela ngaphezu kwenkampani. Umugqa omnyama onama-rectangles acwebezelayo ejimethri kanye nemibhalo ebhalwe ngesandla ubekwe phezu kwesithombe sendoda elahlekile engqondweni—i-collage yezindawo esikhundleni sesithombe esisodwa. I-interface yomsebenzisi ivezwa njengamakhadi engilazi antantayo abekwe ngqo esithombeni, kunokuba abe yizithombe-skrini ezihlukene. Azikho izithombe zesitoko, akukho ukudweba kwe-3D, futhi azikho izinhlobo zokuhlobisa ezingabonakali, ngaphandle komugqa womoya we-gradient. Izithonjana ziyizithonjana zomugqa we-monochrome omncane, ububanzi obungu-16-20px, nobubanzi obubodwa obuhambisana nesisindo sombhalo samaphuzu angu-460.
Iphalethi
Umkhiqizo
- Midnight Wine
#421d24— Izinkinobho eziyinhloko zesenzo, ibhanela lesikhangiso, kanye ne-footer kunombala ofudumele, ocishe ube mnyama o-burgundy ozwakala njengoyinki kunobomvu, oqinisa umbala ngaphandle kokuba namandla amakhulu. - Royal Violet
#714cb6— Umbala onsomi usetshenziswa ukugqamisa izixhumanisi, amathegi, kanye nemisho emifushane. Akufanele usetshenziswe njengombala oyinhloko wokubiza isenzo.
Okungathathi hlangothi
- Lilac Mist
#d4c7ff— Ukugcwaliswa kwesibili kobuso, izithonjana ezikhanyayo, kanye nezizinda zezinkinobho ze-ghost konke kunombala onsomi othulile okhombisa isitayela somkhiqizo ngaphandle kokudonsela ukunaka okungadingekile kuwo. - Deep Lagoon
#0c4243— Ingemuva elimnyama lomcu, elisetshenziswa njengesici esiyinhloko sokulandisa, liwukuphela kwendawo emnyama ohlelweni, ehlanganiswe nephethini yejometri embozwe ngaphezulu. - Warm Parchment
#f2f0eb— Indawo yokusebenza yekhasi iyisici esiyinhloko; umbala ofudumele wekhrimu uthatha indawo yomhlophe njengesisekelo, okwenza lonke uhlelo lube nokufudumala kokuhlela. - Soft Mist
#e3e3e2— Imingcele emihle, izinhlaka zamakhadi, imigqa ehlukanisayo—umbala ompunga ofudumele, okhanyayo ohlangana nephepha kodwa ochaza kahle imiphetho. - Ink Charcoal
#292827— Umbhalo womzimba, izihloko, izinhlaka zesithonjana - umbala ofudumele, ocishe ube mnyama onsundu ngokwanele ukuzwakala njengoyinki ephepheni, ongasoze wabanda #000 - Stone Gray
#666666— Umbhalo womzimba wesibili, imibhalo esekelayo, izincazelo eziyimfihlo - okumpunga okuphakathi nendawo, okusetshenziswe kancane ukuze kungalokothi kuncintisane nombhalo oyinhloko.
Ukuthayipha
kusukela ku-12 kuya ku-64px · izinyathelo ezingu-8
- Super Sans VF — esikhundleni: Inter (closest open equivalent for variable weight range) · izinhlaka 460, 500, 540, 600, 700 · Ifonti eyodwa ohlelweni lonke. Iziguquguquko ze-axis ziqala ku-460 (isignesha, ifonti enqanyuliwe kancane yawo wonke umbhalo wesihloko esikhulu) kuya ku-540 (umbhalo womzimba ogcizelelwe) kanye no-700 (amagama angezansi amancane, agqamile). I-VF eklanywe ngokukhethekile yenza izihloko ezinesisindo esingu-460 zibonakale zihlosiwe kakhulu kunokungahleliwe—ku-48-64px ngesikhala sezinhlamvu esiqinile, umphumela "onqanyuliwe kancane" ubonakala njengoqiniseka kunokuba mncane.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | minyene |
| Isinyathelo esiyisisekelo | 8px |
| Irediyasi yenkinobho | 16px |
| Irediyasi yekhadi | 16px |
| Izithunzi | cha - imingcele esikhundleni sezithunzi |
| Phakathi kwezigaba | 64-96px |
| Ububanzi bekhasi | 1200px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Superhuman futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- AI for Business — Indawo yokubukisa abahleli abanonya ngemibala efudumele empunga
- Jeton — Umhleli mayelana ne-fintech ngemabula efudumele
- Airtable — Iseminari ethokomele enezahluko ezimakwe ngemibala ehlukene
- Osmo — IMyuziyamu Yabathuthukisi ku-Gray Concrete
- Linktr — Amaphosta okuhlela abekwe kahle njengoswidi. Iwebhusayithi yakhelwe ngamabhulokhi anemibala, enezihloko eziluhlaza okwesibhakabhaka ezibekwe ezindongeni eziluhlaza okwesibhakabhaka, kanye nezinto zokuzulazula ezinombala omhlophe ofana nephilisi ezintanta ngaphezu kwamasimu anombala oluhlaza okwesibhakabhaka.
- Outsource Consultants — Ishidi lokwakha elinefomethi enkulu ephepheni elinomfanekiso. Ubuhle be-monographic, lapho ingxenye eyodwa ekhanyayo ye-indigo iphazamisa igridi efudumele, enombhalo ocacile.
- Streamtime — Ibhodi Yemizwa Yokudala Ethintayo - Ithebula Lokuqopha Izincwadi Lomklami
- Switch-Lit — Igridi yokuhlela ephrintiwe ngoyinki ephepheni elikhilimu
- HubSpot — Umbala wephepha elinokhilimu ofudumele one-accent eyodwa yeorenji. I-HubSpot ifana nomagazini wabaklami onyatheliswe ephepheni elinzima—izihloko zezindaba ezibucayi, amakhasi anombala okhilimu ofudumele, kanye ne-accent eyodwa enombala ophuzi ovuthayo eqokomisa amaphuzu abaluleke kakhulu kuphela.
- Granola — Amanothi asensimini ku-vellum efudumele—I-Granola ifundeka njengenothibhuku likaMoleskine eligugile elivulwe edeskini elikhanyiswe yilanga: izihloko ze-serif zinikeza umuzwa wokuqina, ukugqama okuluhlaza okwemvelo njengoyinki osuselwe ezitshalweni, kanye nemigqa emincane emaphethelweni amakhadi afana namanothi abhalwe ngesandla.
- Secure — Ingxoxo ekhefini laseYurophu emini epholile iyindlela efudumele nenesitayela yokubiza ngevidiyo, lapho izihloko zezindaba ze-serif zifundwa njengesihloko sikamagazini esicatshangelwe kahle kunokuba kube yikhasi lomkhiqizo wezobuchwepheshe.
- Mockups made easy — Isitudiyo sokuklama abahleli ephepheni elimhlophe