Superlist
Malo ogwirira ntchito usiku okhala ndi makala a korali—malo opanda phokoso a pulogalamu ya biringanya pomwe kuwala kwa lalanje kumasonyeza chilichonse chomwe chikuchitika
Superlist imagwiritsa ntchito chilankhulo chogwira ntchito m'mitundu yofiirira ya pakati pausiku: biringanya wozama, korali wofunda ngati mtundu wokhawo waukulu, ndi mitu yayikulu yopanda serif yomwe imagwira mlengalenga wonse. Mawonekedwe ake akuwonetsa momwe ntchito yoyang'ana usiku imagwirira ntchito—yodekha, yokhala ndi zigawo, komanso yodzidalira, yokhala ndi mitundu yogwiritsidwa ntchito ngati zizindikiro zogwirira ntchito poyitana kuchitapo kanthu, momwe zinthu zilili, ndi mfundo zazikulu. Malo ake ali ndi zigawo zakuda zocheperako zokhala ndi mawu ofiirira (#181824 → #26253b), kupewa zakuda kuti zitsimikizire kuti kuya kwake kumve kofunda osati kopanda banga. Zigawozo zimakhala ndi mawonekedwe ozungulira ambiri (makadi a 20px, mabatani a mapiritsi), mithunzi yofewa, ndi "kupuma" kudzera m'mipata yabwino ya 10-16px m'malo mwa ma gridi olimba. Mawu a mutu ndi ofunika kwambiri: kulemera kwa mfundo 600 pa 70-88px ndi malo ocheperako a zilembo zolimba a -0.02em kumawona zolembazo ngati zolemba m'malo mwa UI—zili pafupi ndi kope lolemba kuposa SaaS.
Magawo amdima amaphimba m'lifupi lonse la tsamba, ndi zotengera zomwe zili pakati, m'lifupi kwambiri. Gawo lalikulu lili pakati molunjika ndipo lili ndi mutu, mawu ang'onoang'ono, ndi kuyitana kuchitapo kanthu (CTA), kutsatiridwa ndi chithunzi chachikulu cha malonda chomwe chikuphimba gawo lotsatira. Magawo otsatira amasinthasintha pakati pa mabuloko a malemba ozungulira ndi ma gridi a makadi. Gawo lowunikira limagwiritsa ntchito gridi ya mizere itatu yokhala ndi makadi owunikira ndi ma gutters 16. Kuyenda ndi bala limodzi lapamwamba lomwe lili ndi logo kumanzere, maulalo ozungulira, ndi zochita zolowera kumanja—palibe sidebar yokhazikika kapena menyu yayikulu. Ma gutters pakati pa magawo ndi ambiri (ma gutters 16), zomwe zimapangitsa kuti pakhale kamvekedwe kakakulu, kolemba m'malo mwa gridi yodzaza ndi zinthu.
Malo owoneka bwino amakhala ndi zithunzi za malonda—chimango chachikulu chokhala ndi ngodya zozungulira, chowonetsa mawonekedwe enieni a pulogalamu, chimadzaza magawo akuluakulu ndi achiwiri. Zithunzi ndizochepa, zimagwiritsidwa ntchito ngati ma avatar ogwiritsa ntchito kapena zowonera zowonera mkati mwa pulogalamu (mwachitsanzo, chithunzi cha konsati chomwe chili kumanja kwa chiwonetsero cha malonda). Ma logo omwe ali pa bar yodalirika ndi zizindikiro zoyera zosalala, zosalala. Palibe zithunzi zokongoletsera, palibe zithunzi zosamveka, palibe zojambula za 3D. Njira yowonera ndikuwonetsa malondawo pamlingo waukulu, kulola zolembazo kugwira ntchito momasuka, ndikugwiritsa ntchito korali ngati mtundu wokhawo wofotokozera.
Paleti
Mtundu
- Coral Ember
#ff4a36— Lalanje limagwiritsidwa ntchito ngati mawu achiwiri okongoletsa komanso kuonetsa zizindikiro zomwe sizichitika kawirikawiri. Siliyenera kugwiritsidwa ntchito ngati mtundu waukulu wolimbikitsa kuchitapo kanthu.
Osalowerera
- Aubergine Canvas
#181824— Chiyambi cha tsamba, chomwe chili pa kansalu yaikulu, ndi mtundu wofunda, wakuda womwe umalowa m'malo mwa wakuda weniweni, zomwe zimapangitsa kuti mawonekedwe a ogwiritsa ntchito azioneka ngati osanjikizana m'malo mwa athyathyathya. - Elevated Plum
#26253b— Malo oikapo makadi, malo olowera, zotengera zoyendera—kupangitsa kuti zinthu zikhale zozama pang'ono kuposa kansalu popanda malire owoneka bwino. - Pure White
#ffffff— Mitu yayikulu, mawu a mabatani, ndi zizindikiro—kusiyana kwakukulu pa nsalu yakuda. - Fog Text
#696f81— Malemba akuluakulu, mitu ina, ndi malire otsekedwa bwino onse ali ndi chiŵerengero cha kusiyana kwa 7:1 kuti awerenge bwino motsutsana ndi maziko a biringanya. - Ash Text
#8e8da0— Mtundu wosalowerera umathandizidwa pa zinthu zina za UI, zogawa, ndi zilembo zotsekedwa. Siziyenera kugwiritsidwa ntchito ngati mtundu waukulu woti anthu achitepo kanthu. - Mist Highlight
#a3a3a7— Malire osaoneka bwino, zogawa, ndi zinthu zosayenda bwino zimapangitsa kuti kamvekedwe kake kakhale kosiyana ndi kansalu.
Kulemba zilembo
kuyambira 12 mpaka 88px · masitepe 9
- sans-serif — cholowa m'malo: Inter · mndandanda 400 · sans-serif - yomwe yapezeka mu deta yotengedwa koma sinafotokozedwe ndi AI.
- Haffer XH SemiBold — cholowa m'malo: Inter Tight · mndandanda 400, 600 · Chilembo chachikulu chowonetsera ndi mitu. Chimagwiritsidwa ntchito pa kukula kwa 70–88px pa mitu ya ngwazi yokhala ndi mtunda wa zilembo wa -0.02em ndi kulemera kwa 600. Kutalikirana kwa zilembo zopapatiza ndi kutalika kwa zilembo zazikulu kumapatsa mituyo kulemera kwa zolemba, zomwe zimapangitsa mawonekedwe amdima kuwoneka ngati chikuto cha magazini osati dashboard. Sinthani ndi Inter Tight kapena General Sans mu kulemera kolimba.
- Jersey 10 — cholowa m'malo: Anybody · mndandanda 400 · Chilembo chachikulu, chokongoletsera manambala a mawu ndi zinthu zazikulu. Chimagwiritsidwa ntchito pang'ono pamitundu yayikulu kwambiri kuti chipange mawu olembera. Chingasinthidwe ndi Anybody kapena Cabinet Grotesk.
Zosintha ndi mawonekedwe
| Cholinga | Tanthauzo |
|---|---|
| Kuchulukana | avareji |
| Gawo loyambira | 10-16px |
| Utali wa batani | 100px |
| Utali wa khadi | 20px |
| Mithunzi | mithunzi yofewa |
| Pakati pa magawo | 80px |
| Kukula kwa tsamba | 1200px |
AI idzamanga tsamba lanu lawebusayiti mu kalembedwe ka Superlist ndikulidzaza
- Dzazani ndi zinthu ndi zolemba kudzera pa ulalo - Instagram, TikTok, Facebook.
- Tumizani zinthu kuchokera patsamba lanu lakale—ingotchulani adilesi.
- Kapangidwe kamakono pa injini yabwino kwambiri: React ( Next.js) yokhala ndi mawonekedwe a seva ndi kukonza SEO koyambirira.
- Kukonza bwino SEO yanu yokha kuti mupeze zotsatira zakusaka ndi malingaliro a netiweki ya neural.
Masitaelo ofanana
- DNA — Observatory ya Pakati pa Usiku monga momwe imawonedwera kudzera mu lenzi ya tinthu tating'onoting'ono
- Abetterlou — Sparks on Saddle Leather - zilembo zofunda zonyezimira zowala motsutsana ndi maziko akuda ngati khofi, ndi mabatani agolide ngati amber omwe amamveka ngati chitsulo chotentha chosindikizidwa patsamba.
- Galileo-ft — Denga lolamulira la malo akuya lokhala ndi zizindikiro zamagetsi zabuluu
- Decide AI — Observatory pakati pausiku - chizindikiro cha timbewu ta...
- Redis Agency — Malo ochitira misonkhano, otsegulidwa atatha maola ogwirira ntchito, ndi malo amdima kwambiri komwe ntchito yonse yolemba imachitidwa ndi zilembo za serif ndi radish imodzi yofiira.
- Spellbook — Khoti la pakati pausiku lowala ndi inki ya korali—malo amdima osindikizira pomwe phokoso lokhalo ndi lofunda lalanje
- Linear — chida cholondola pakati pausiku
- Origin Financial — Malo owonetsera zinthu zamtengo wapatali pakati pausiku. Chipinda chamtendere, chamdima kwambiri chomwe chili ndi zilembo zazikulu za serif ndi mapanelo angapo owala bwino zimapangitsa kuti anthu aziona kuti ndalama ndi ntchito yaluso yokonzedwa bwino.
- Hyperstudio — Kapangidwe kake kamakokedwa ngati obsidian. Zolemba ndi mizere yopyapyala zimayika malo oyera akuda, ndipo nthawi zina zimakhala ndi zizindikiro zagolide za kampasi zomwe zimasonyeza njira.
- Air — chifaniziro "Midnight Sky Through Glass"
- Raycast — Malo Olamulira Pakati pa Usiku, Coral Neon
- dope.security — Malo oimikapo magalimoto pakati pausiku okhala ndi ma beacons ofiirira