Superlist
Indawo yokusebenzela yasebusuku enamalahle e-coral—indawo yokusebenzela ye-eggplant ezolileyo apho intlantsi enye efudumeleyo yeorenji inika umqondiso kuyo yonke into eyenziwayo
I-Superlist isebenzisa ulwimi lokuvelisa kwiithoni ezimfusa zasebusuku: i-eggplant enzulu, i-coral efudumeleyo njengombala oyintloko kuphela, kunye neentloko ezinkulu ze-sans-serif ezibamba yonke imo. Ujongano luvuselela imvakalelo yomsebenzi ogxile ebusuku kakhulu—ukuthula, ukubekwa, kunye nokuzithemba, kunye nombala osetyenziswa kuphela njengeempawu zokubhala ezisebenzayo kwiindlela zokuthatha isenzo, iimeko ezisebenzayo, kunye namanqaku aphambili. Imiphezulu ibekwe kwiithoni ezimnyama ezithambileyo ezinethoni engaphantsi emfusa (#181824 → #26253b), kuthintelwa umnyama omsulwa ukuqinisekisa ukuba ubunzulu buvakala bufudumele kunokuba bungabi nazintsholongwane. Izinto eziqulathe ezi zinto zinemilo ejikelezileyo (amakhadi angama-20px, amaqhosha epilisi), izithunzi ezithambileyo, kwaye "ziphefumla" ngezithuba ezikhululekileyo ze-10-16px endaweni yeegridi ezixineneyo. Ilizwi lesihloko liyinto yonke: ubunzima bamanqaku angama-600 kwi-70-88px kunye nesithuba soonobumba abaxineneyo se--0.02em siphatha umbhalo njengophawu lokubhala endaweni ye-UI—sisondele kwikopi yokuhlela kune-SaaS.
Amacandelo amnyama agubungela lonke ububanzi bephepha, kunye nezikhongozeli zomxholo eziphakathi, ezinobubanzi obukhulu. Icandelo eliphambili liphakathi ngokuthe nkqo kwaye liqulathe isihloko, umxholo ongaphantsi, kunye nesicelo sokwenza into (i-CTA), kulandele umfanekiso weskrini omkhulu wemveliso odibanisa icandelo elilandelayo. Amacandelo alandelayo atshintshana phakathi kweebhloko zombhalo eziphakathi kunye neegridi zamakhadi. Icandelo lophononongo lisebenzisa igridi eneentsika ezintathu enamakhadi ophononongo kunye neegutter ezili-16. Ukuhamba yibha enye ephezulu enelogo ekhohlo, iikhonkco eziphakathi, kunye nezenzo zokungena ngasekunene—akukho sidebar esisigxina okanye imenyu enkulu. Iigutter phakathi kwamacandelo zininzi (iigutter ezili-16), zidala isigqi esikhulu, sokuhlela endaweni yegridi yemveliso exineneyo.
Indawo ebonakalayo ilawulwa zii-skrini zemveliso—isakhelo esikhulu esineekona ezijikelezileyo, esibonisa ujongano lwe-app yokwenyani, igcwalisa amacandelo aphambili nawesibini. Iifoto zincinci, zisetyenziswa kuphela njengee-avatar zomsebenzisi okanye ukujonga kwangaphambili kwemidiya engaphakathi kwi-app (umzekelo, umfanekiso wekonsathi kwiphaneli yasekunene yemodeli yemveliso). Iilogo ezikwi-trust bar ziimpawu zombhalo ezimhlophe ezithe tyaba nezithuleyo. Akukho mifanekiso yokuhombisa, akukho mizobo ingabonakaliyo, akukho mifanekiso ye-3D. Icebo elibonakalayo kukubonisa imveliso ngobukhulu, ukuvumela ubhalo lwenziwe umsebenzi weemvakalelo, kunye nokusebenzisa i-coral njengombala wodwa we-accent.
Iphalethi
Uphawu
- Coral Ember
#ff4a36— Iorenji isetyenziswa njengesandi sesibini seenkcukacha zokuhombisa kunye nokugqamisa iimpawu ezingaqhelekanga. Akufanele isetyenziswe njengombala oyintloko wokubiza isenzo.
Ukungathathi cala
- Aubergine Canvas
#181824— Imvelaphi yephepha, i-canvas ephambili, ngumbala ofudumeleyo nomnyama othatha indawo yomnyama ococekileyo, okwenza ujongano lomsebenzisi lubonakale lunee-layered endaweni yokuba lube tyaba. - Elevated Plum
#26253b— Imiphezulu yekhadi, amasimi okufaka, izikhongozeli zokukhangela—inyathelo elinye lilula kunekhanvasi ukudala ubunzulu ngaphandle komda obonakalayo. - Pure White
#ffffff— Izihloko eziphambili, umbhalo weqhosha, kunye nemida yeempawu—umahluko omkhulu kwi-canvas emnyama. - Fog Text
#696f81— Isicatshulwa esiphambili, izihloko zesibini, kunye nemida engashukumiyo zonke zine-7:1 contrast ratio yokufunda ngokukhululekileyo xa kuthelekiswa nemvelaphi enombala we-eggplant. - Ash Text
#8e8da0— Umbala ongathathi cala uyaxhaswa kwizinto zesibini ze-UI, izahluli, kunye neelebheli ezithuliweyo. Akufanele isetyenziswe njengombala oyintloko weefowuni eziya kwisenzo. - Mist Highlight
#a3a3a7— Imida engabonakaliyo, izahluli, kunye nezinto ezingasebenziyo zokuhamba zenza ithoni engathathi cala esabonakala ngokucacileyo kwi-canvas.
Ubhalo lweencwadi
ukusuka kwi-12 ukuya kwi-88px · amanyathelo ali-9
- sans-serif — ukutshintshwa: Inter · imida 400 · i-sans-serif - ifunyenwe kwidatha ekhutshiweyo kodwa ayichazwanga yi-AI.
- Haffer XH SemiBold — ukutshintshwa: Inter Tight · imida 400, 600 · Ifonti ephambili yokubonisa kunye nezihloko. Isetyenziswa ngobukhulu obuyi-70–88px kwiintloko zeqhawe ezinesithuba soonobumba esiyi--0.02em kunye nobunzima obuyi-600. Isithuba soonobumba esincinci kunye nokuphakama koonobumba abakhulu kunika izihloko ubunzima bokuhlela, okwenza ujongano olumnyama lubonakale ngathi luqweqwe lwemagazini kunokuba lube yideshibhodi. Tshintsha nge-Inter Tight okanye iGeneral Sans ngobunzima obuqinileyo.
- Jersey 10 — ukutshintshwa: Anybody · imida 400 · Ifonti enkulu, ehombisayo yamanani e-accent kunye nee-highlights. Isetyenziswa kancinci ngobukhulu obukhulu kakhulu ukwenza i-accents yokubhala. Ingatshintshwa nge-Anybody okanye i-Cabinet Grotesk.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | umndilili |
| Inyathelo elisisiseko | 10-16px |
| Irediyasi yeqhosha | 100px |
| Irediyasi yekhadi | 20px |
| Izithunzi | izithunzi ezithambileyo |
| Phakathi kwamacandelo | 80px |
| Ububanzi bephepha | 1200px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Superlist 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
- DNA — I-Midnight Observatory njengoko ibonwa ngelensi yamasuntswana
- Abetterlou — I-Sparks on Saddle Leather - ifonti efudumeleyo ekhrimu ekhazimlayo kwimvelaphi emnyama njengekofu, enamaqhosha egolide aluhlaza okwesibhakabhaka avakala ngathi yintsimbi eshushu ecinezelwe kwiphepha.
- Galileo-ft — Idekhi yomyalelo enendawo enzulu enemiqondiso eluhlaza okwesibhakabhaka yombane
- Decide AI — Ukujonga ebusuku - isignali yemint
- Redis Agency — Iworkshop yokuhlela, evuliwe emva kweeyure zomsebenzi, yindawo emnyama kakhulu apho wonke umsebenzi wokuphawula uphawu wenziwa ngeefonti ze-serif kunye neradish enye ebomvu.
- Spellbook — Inkundla yasebusuku ekhanyiswe yi-coral inkin—indawo emnyama yokuhlela apho isandi kuphela sisandi esifudumeleyo sepeni e-orenji
- Linear — isixhobo sokuchaneka ezinzulwini zobusuku
- Origin Financial — Igalari yasezinzulwini zobusuku enobunewunewu obuzolileyo. Igumbi elizolileyo, eliphantse libe mnyama apho iifonti ezinkulu ze-serif kunye neephaneli ezimbalwa ezinemibala ekhanyisiweyo zenza uluvo lokuba imali ngumsebenzi wobugcisa okhethwe ngononophelo.
- Hyperstudio — Uyilo lukrwelwe kwi-obsidian. Umbhalo kunye nemigca emincinci ibumba ummandla omhlophe omnyama ococekileyo, kunye neempawu zekhampasi zegolide ngamanye amaxesha ezibonisa indlela.
- Air — umfanekiso oqingqiweyo "Isibhakabhaka Sasebusuku Ngeglasi"
- Raycast — IZiko loLawulo lwasebusuku, iCoral Neon
- dope.security — Isiphelo seendiza ezinzulwini zobusuku esineebhakoni ezimfusa