Superlist
Wurin aiki na dare tare da garwashin murjani—wurin da aka yi amfani da shi wajen yin amfani da eggplant inda walƙiya mai ɗumi ɗaya ta orange ke nuna duk wani aiki
Superlist yana amfani da yaren aiki a cikin launuka masu launin shunayya na tsakar dare: mai zurfi, murjani mai dumi a matsayin babban launi, da kuma manyan kanun labarai na sans-serif waɗanda ke ɗaukar sararin samaniya gaba ɗaya. Haɗin yana haifar da jin daɗin aiki mai da hankali kan dare - shiru, mai layi, da kwarin gwiwa, tare da amfani da launi kawai azaman alamun aiki akan kira zuwa aiki, yanayin aiki, da mahimman bayanai. An shimfida saman a cikin launuka masu duhu masu laushi tare da launin shunayya (#181824 → #26253b), yana guje wa baƙi mai tsabta don tabbatar da zurfin yana jin ɗumi maimakon bakararre. Abubuwan da ke cikin suna da siffofi masu zagaye masu yawa (katunan 20px, maɓallan pill), inuwa mai laushi, da "numfashi" ta cikin gibin 10-16px masu daɗi maimakon grid masu tsauri. Muryar kanun labarai ita ce komai: nauyin maki 600 a 70-88px tare da tazara mai tsauri na haruffa na -0.02em yana ɗaukar rubutun a matsayin rubutu maimakon UI - ya fi kusa da kwafin edita fiye da SaaS.
Sassan duhu sun mamaye faɗin shafin gaba ɗaya, tare da kwantena masu faɗi na tsakiya. Babban ɓangaren yana tsakiya a tsaye kuma yana ɗauke da kanun labarai, ƙaramin rubutu, da kuma kiran aiki (CTA), sannan sai babban hoton samfurin da ya haɗu da sashe na gaba. Sassan da ke biyo baya suna canzawa tsakanin tubalan rubutu na tsakiya da grid ɗin kati. Sashen bita yana amfani da grid mai ginshiƙi uku tare da katunan bita da magudanar ruwa 16. Kewaya sandar sama ɗaya ce mai tambari a hagu, hanyoyin haɗin tsakiya, da ayyukan shiga a dama - babu gefen gefe ko babban menu. Magudanar ruwa tsakanin sassan suna da yalwa (gudanar ruwa 16), suna ƙirƙirar salon edita mai faɗi maimakon grid mai yawa na samfur.
Sararin samaniya yana mamaye sararin samaniya ta hanyar hotunan kariyar kwamfuta na samfura—babban firam mai kusurwoyi masu zagaye, wanda ke nuna ainihin hanyar haɗin aikace-aikacen, yana cika manyan sassan da na biyu. Hotuna ba su da yawa, ana amfani da su ne kawai azaman avatars na masu amfani ko samfoti na kafofin watsa labarai na cikin-app (misali, hoton kide-kide a cikin sashin dama na samfurin). Tambayoyi akan sandar aminci alamun rubutu ne masu faɗi, waɗanda aka yi musu shiru. Babu zane-zanen ado, babu zane-zanen da ba a iya gani ba, babu zane-zanen 3D. Dabarun gani shine a nuna samfurin a sikelin, a bar rubutun ya yi aikin motsin rai, kuma a yi amfani da murjani azaman launin lafazi ɗaya.
Palette
Alamar kasuwanci
- Coral Ember
#ff4a36— Ana amfani da lemu a matsayin wani nau'in laƙabi na biyu don ƙarin bayani game da ado da kuma haskaka alamun da ba a saba gani ba. Bai kamata a yi amfani da shi a matsayin babban launi don kiran aiki ba.
Tsaka-tsaki
- Aubergine Canvas
#181824— Bangon shafin, babban zane, inuwa ce mai ɗumi da duhu wadda take maye gurbin baƙar fata, wanda ke sa hanyar haɗin mai amfani ta bayyana a layi maimakon faɗi. - Elevated Plum
#26253b— Taswirar kati, filayen shigarwa, kwantena na kewayawa - mataki ɗaya mafi sauƙi fiye da zane don ƙirƙirar zurfi ba tare da iyaka a bayyane ba. - Pure White
#ffffff— Manyan kanun labarai, rubutun maɓalli, da kuma jadawalin gumaka—mafi girman bambanci a kan zane mai duhu. - Fog Text
#696f81— Babban rubutun, kanun labarai na biyu, da iyakokin da aka rufe—rabo mai bambanci na 7:1 don karatu mai daɗi a kan bango mai launin eggplant. - Ash Text
#8e8da0— Ana tallafawa launi mai tsaka-tsaki don abubuwan UI na biyu, masu rabawa, da kuma lakabin da aka yi shiru. Bai kamata a yi amfani da shi azaman babban launi don kiran aiki ba. - Mist Highlight
#a3a3a7— Iyakoki masu sauƙi, masu rabawa, da abubuwan kewayawa marasa aiki suna ƙirƙirar sautin tsaka-tsaki mai sauƙi wanda har yanzu ya shahara da zane.
Rubutu
daga 12 zuwa 88px · Matakai 9
- sans-serif — maye gurbin: Inter · zane-zane 400 · sans-serif - an samo shi a cikin bayanan da aka fitar amma AI bai bayyana shi ba.
- Haffer XH SemiBold — maye gurbin: Inter Tight · zane-zane 400, 600 · Babban rubutun rubutu don nunawa da kanun labarai. Ana amfani da shi a girman 70–88px don kanun labarai na gwarzo tare da tazarar haruffa na -0.02em da nauyin 600. Tazarar haruffa mai kunkuntar da tsayin haruffa suna ba kanun labarai nauyin edita, wanda ke sa duhun haɗin yanar gizo ya fi kama da murfin mujallu fiye da dashboard. Sauya da Inter Tight ko General Sans a cikin nauyi mai kauri.
- Jersey 10 — maye gurbin: Anybody · zane-zane 400 · Babban rubutu mai kyau don lambobin lafazi da abubuwan da suka fi jan hankali. Ana amfani da shi kaɗan a manyan girma don ƙirƙirar lafazin rubutu. Ana iya maye gurbinsa da Anybody ko Cabinate Grotesk.
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | matsakaici |
| Mataki na asali | 10-16px |
| Maɓallin radius | 100px |
| Radius na kati | 20px |
| Inuwar | inuwar laushi |
| Tsakanin sassa | 80px |
| Faɗin shafi | 1200px |
AI za ta gina gidan yanar gizonku a cikin salon Superlist kuma ta cika shi
- Cika da samfura da rubuce-rubuce ta hanyar hanyar haɗin yanar gizo - Instagram, TikTok, Facebook.
- Canja wurin abun ciki daga tsohon shafinka—kawai ka ƙayyade adireshin.
- Tsarin zamani akan mafi kyawun injin: React ( Next.js) tare da nuna sabar da inganta SEO daga cikin akwatin.
- Ingantaccen SEO mai sarrafa kansa don sakamakon bincike da shawarwarin hanyar sadarwa ta jijiyoyi.
Salo makamantansu
- DNA — Tsakar dare kamar yadda aka gani ta ruwan tabarau na barbashi
- Abetterlou — Walƙiya a kan Fata ta Siddle - wani rubutu mai ɗumi mai kauri wanda ke haskakawa a kan wani babban bango mai launin baƙi na kofi, tare da maɓallan zinare mai launin amber waɗanda ke jin kamar ƙarfe mai zafi da aka danna a cikin shafin.
- Galileo-ft — Falo mai zurfi mai siginar shuɗi mai amfani da wutar lantarki
- Decide AI — Observatory a tsakar dare - siginar mint
- Redis Agency — Taron bita na edita, wanda aka buɗe bayan sa'o'i, wuri ne mai duhu inda ake yin duk ayyukan alamar kasuwanci ta amfani da rubutun serif da kuma radish ja guda ɗaya.
- Spellbook — Kotu ta tsakiyar dare tana cike da tawada mai murjani—wani wuri mai duhu inda sautin kawai yake fitowa daga alkalami mai launin lemu mai dumi
- Linear — kayan aikin daidai na tsakar dare
- Origin Financial — Ɗakin adana kayan alfarma na tsakar dare. Ɗaki mai natsuwa, kusan duhu inda manyan rubutun serif da wasu allunan launuka masu haske ke haifar da jin cewa kuɗi aikin fasaha ne da aka tsara da kyau.
- Hyperstudio — An yi zane da siffa mai kama da obsidian. Rubutu da layuka masu kyau sun yi kama da fari mai launin baƙi, tare da alamun kamfas na zinare lokaci-lokaci suna nuna hanya.
- Air — sassaka "Midnight Sky Ta Gilashi"
- Raycast — Cibiyar Umarni ta Tsakar dare, Coral Neon
- dope.security — Tashar tsakiyar dare mai fitilun shunayya