Superhuman
iphaneli yokuhlela yeyure yegolide
I-Superhuman ijikeleza ukudibana kwezithombe zomhleli kunye ne-UI yesoftware—i-canvas efudumeleyo, efana ne-parchment (ayizange ibe mhlophe qwa) ifaka izinto zophawu olu-maroon kunye nee-accents ezimfusa ezikhanyayo. Izihloko, ezibekwe kwifonti ye-460, zihlebeza endaweni yokukhwaza, zivumela iifoto ze-cinematic zephepha elipheleleyo ukuba zenze ukuphakamisa okunzima, ngelixa amakhadi e-UI ekhanyayo edada njengeglasi ngaphezulu kwemifanekiso. Iphalethi ihlala izolile kwaye ihlela uninzi lwexesha: iindawo ezikhrimu, umbhalo we-charcoal, imida efudumeleyo-engwevu, kunye nesithuba esikhulu phakathi kwezinto, kunye nombala ogcinelwe uphawu olucwangcisiweyo—ubizo olunye olu-maroon lokwenza isenzo, amakhonkco amfusa, iqhosha lokongeza elikhanyayo. Inkqubo iyaziphepha ngabom izithunzi ezinamandla kunye nee-gradients kwiindawo ze-UI; Ubunzulu bufezekiswa ngokufota okuneeleya kunye nokufiphaza okungasemva okuncinci kwisihloko, endaweni yesiphumo sokudibanisa.
Into ephambili yifoto ebanzi ngokupheleleyo enesihloko esiphakathi (48-64px/460) kunye nobizo olunye oluza nesenzo oluzaliswe ngumfanekiso wewayini, kunye namakhadi e-UI emveliso ajikelezayo agqunywe kwimiphetho yasekhohlo nasekunene. Ngaphantsi kwento ephambili kukho umgca welogo omhlophe (iiseli ezi-6 ngomqolo ngamnye, ububanzi obukhulu bulinganiselwe), emva koko icandelo lethebhu elinemiphezulu yamakhadi amhlophe kwi-canvas ye-parchment. Umgca omnyama we-turquoise uphula isigqi malunga nesibini kwisithathu sendlela edlula kwiphepha—ububanzi obupheleleyo, iikholamu ezimbini (umfanekiso ngasekhohlo, umbhalo ngasekunene)—okudala umahluko wethoni kuphela njengoko uskrola. Umgca womoya obonisa i-gradient uyalandela. Isithuba esithe nkqo phakathi kwamacandelo yi-64-96px. Ububanzi bomxholo obuphezulu yi-~1200px ephakathi, kunye nento ephambili kunye nomgca omnyama ogubungela ububanzi obupheleleyo be-viewport. Ukuhamba yintloko enye ezinzileyo enemvelaphi efipheleyo; akukho sidebar, akukho menyu enkulu. I-footer yiphepha elibanzi le-burgundy elibanzi ngokupheleleyo elinoyilo lweekholamu ezininzi. Isingqisho siphela: ifreyimu ephambili → umxholo omhlophe/ocwebezelayo → umgca omnyama onomfanekiso oyintloko → i-atmospheric gradient → i-burgundy footer, imigca etshintshanayo ekhanyayo nemnyama ukwenza isantya sokuhlela.
Eyona nto ibonakalayo iphambili kukufota ngefilimu: umfanekiso obanzi ochasene nesibhakabhaka esivulekileyo usebenza njengendawo ephambili, kunye nomgca wesibini womoya obekwe ezantsi kwiphepha. Umfanekiso uthambile, uthulisiwe kancinci, kwaye uthathwe kwiprofayili, okukhumbuza iyure yegolide, okwenza imvakalelo yokuhlela ibe ngcono kuneyenkampani. Umgca omnyama oneengxande zejiyometri ezikhanyayo kunye nemibhalo ebhalwe ngesandla ubekwe phezu kwefoto yendoda elahlekileyo engqondweni—ikholaji yeendawo ezingaphezulu kunomfanekiso omnye. Ujongano lomsebenzisi luboniswa njengamakhadi eglasi antantayo abekwe ngqo kwifoto, endaweni yokuba zibe ziiskrini ezahlukeneyo. Akukho mifanekiso yesitokhwe, akukho mifanekiso ye-3D, kwaye akukho mizobo yokuhombisa engabonakaliyo, ngaphandle komgca womoya oqaqambileyo. Ii-icon ziyi-icon zomgca we-monochrome omncinci, ububanzi obuyi-~16-20px, kunye nobubanzi obunye obuhambelana nobunzima bombhalo obuyi-460 point.
Iphalethi
Uphawu
- Midnight Wine
#421d24— Amaqhosha aphambili esenzo, ibhanile yentengiso, kunye nezantsi yi-burgundy efudumeleyo, ephantse ibe mnyama efana ne-inki kunokuba ibomvu, iqinisa umbala ngaphandle kokuba namandla. - Royal Violet
#714cb6— Umfusa usetyenziswa ukuqaqambisa amakhonkco, iithegi, kunye namabinzana amafutshane. Akufanele isetyenziswe njengombala oyintloko wokubiza isenzo.
Ukungathathi cala
- Lilac Mist
#d4c7ff— Izaliso zomphezulu wesibini, ii-icon ezikhanyayo, kunye nemvelaphi yamaqhosha e-ghost zonke zinombala omfusa ongacacanga obonisa isitayile sophawu ngaphandle kokutsala ingqalelo engafanelekanga kulo. - Deep Lagoon
#0c4243— Imvelaphi emnyama yestrip, esetyenziswa njengeyona nto iphambili yokubalisa, yeyona ndawo imnyama kuphela kwinkqubo, idityaniswe nepatheni yejometri egqunywe ngaphezulu. - Warm Parchment
#f2f0eb— Umphezulu osebenzayo wephepha yeyona nto iphambili; umbala ofudumeleyo wekhrimu uthatha indawo yomhlophe njengesiseko, nto leyo enika yonke inkqubo ubushushu bokuhlela. - Soft Mist
#e3e3e2— Imida emincinci, imida yamakhadi, imigca eyahlulayo—umbala ongwevu ofudumeleyo nokhanyayo odibana nephepha kodwa ucacisa imida ngokucacileyo. - Ink Charcoal
#292827— Umbhalo womzimba, izihloko, imigca yeempawu - umbala ofudumeleyo, ophantse ube mnyama onomdaka owaneleyo ukuze uvakale ngathi yinki ephepheni, ongakhe ubande #000 - Stone Gray
#666666— Ikopi yomzimba wesibini, imibhalo exhasayo, iinkcazo ezifihlakeleyo - ingwevu enye ephakathi, esetyenziswa kancinci ukuze ingakhuphisani nesicatshulwa esiphambili.
Ubhalo lweencwadi
ukusuka kwi-12 ukuya kwi-64px · amanyathelo asibhozo
- Super Sans VF — ukutshintshwa: Inter (closest open equivalent for variable weight range) · imida 460, 500, 540, 600, 700 · Ifonti enye kuyo yonke inkqubo. Iinguqu ze-axis ziqala kwi-460 (utyikityo, ifonti enqunyulwe kancinci kuyo yonke imibhalo emikhulu yesihloko) ukuya kwi-540 (umbhalo womzimba ogxininisiweyo) kunye ne-700 (iinkcazo ezincinci, ezinesibindi). I-VF eyilwe ngokukodwa yenza izihloko ezinobunzima obuyi-460 zibonakale zicwangcisiwe ngakumbi kunezingenamsebenzi—kwi-48-64px enesithuba esincinci soonobumba, isiphumo "esinqunyulwe kancinci" sibonwa njengesiqinisekileyo kunokuba sincinci.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | xinene |
| Inyathelo elisisiseko | 8px |
| Irediyasi yeqhosha | 16px |
| Irediyasi yekhadi | 16px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 64-96px |
| Ububanzi bephepha | 1200px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Superhuman ize iyizalise
- Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
- Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
- Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
- Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.
Iintlobo ezifanayo
- AI for Business — Indawo yokubonisana yabahleli abanobundlongondlongo ngemibala efudumeleyo engwevu
- Jeton — Umhleli malunga ne-fintech malunga ne-warm marble
- Airtable — Iseminari efudumeleyo enezahluko eziphawulwe ngemibala eyahlukeneyo
- Osmo — IMyuziyam yabaPhuhlisi kwiGrey Concrete
- Linktr — Iipowusta zomhleli zibekwe njengeelekese. Le webhusayithi yenzelwe iibhloko ezinemibala, kunye nezihloko eziluhlaza ezikhanyayo ezibekwe eludongeni oluluhlaza okwesibhakabhaka, kunye nezinto ezimhlophe ezimile okwepilisi ezihamba phezu kwamasimi e-burgundy.
- Outsource Consultants — Iphepha elikhulu loyilo olukwiphepha lethambo. Ubuhle be-monographic, apho iqhekeza elinye elikhanyayo le-indigo liphazamisa igridi efudumeleyo, enobungcali bokubhala.
- Streamtime — Ibhodi yeMood yoBuchule eTactile - Itafile yeScrapbooking yoMyili
- Switch-Lit — Igridi yomhleli eprintwe ngeyinki kwiphepha lekhrimu
- HubSpot — Umbala wephepha elinokhilimu ofudumeleyo one-accent enye yeorenji. I-HubSpot ifana nemagazini yabayili eprintiweyo kwiphepha elinzima—iintloko zeendaba ezimfutshane, amaphepha e-warm cream, kunye ne-accent enye enombala oluhlaza okhanyayo egxininisa kuphela amanqaku abalulekileyo.
- Granola — Amanqaku asentsimini kwi-vellum efudumeleyo—I-Granola ifundeka njengencwadana ye-Moleskine egugileyo evulwe kwidesika ekhanyiswe lilanga: izihloko ze-serif zinika uvakalelo lokuqina, iimpawu eziluhlaza okwesibhakabhaka ezifana ne-inki esekelwe kwizityalo, kunye nemigca emincinci emaphethelweni ekhadi efana namanqaku abhalwe ngesandla.
- Secure — Incoko kwikhefi yaseYurophu emini epholileyo yindlela efudumeleyo nenesitayile yokufowuna ngevidiyo, apho izihloko ze-serif zifundwa njengenqaku elicingisisiweyo lemagazini endaweni yephepha lemveliso yetekhnoloji.
- Mockups made easy — Isitudiyo soyilo lomhleli kwiphepha elimhlophe