Superlist
Goob shaqo oo habeenkii ah oo leh dhuxul shacaab ah—oo ah meel bannaan oo ah abka eggplant oo deggan halkaas oo hal dhimbiil oo liin diirran uu calaamad u yahay ficil kasta
Superlist wuxuu adeegsadaa luqad wax soo saar ah oo ku jirta midabada guduudan ee saqda dhexe: eggplant qoto dheer, coral diirran oo ah midabka kaliya ee aasaasiga ah, iyo cinwaanno waaweyn oo sans-serif ah oo qabta jawiga oo dhan. Is-dhexgalka ayaa kicinaya dareenka shaqada habeen dambe ee diiradda la saarayo - aamusnaan, lakab leh, iyo kalsooni, iyadoo midabka loo isticmaalo oo keliya xarakayn shaqeyneysa wicitaanada ficilka, xaaladaha firfircoon, iyo qodobbada muhiimka ah. Dusha sare waxaa lagu dahaadhay midabyo mugdi ah oo khafiif ah oo leh hoos guduudan (#181824 → #26253b), iyagoo ka fogaanaya madow saafi ah si loo hubiyo in qoto-dheerku uu dareemo diirimaad halkii uu ka ahaan lahaa mid nadiif ah. Qaybaha waxay leeyihiin qaabab wareegsan oo ballaaran (kaararka 20px, badhamada kiniinka), hooska jilicsan, iyo "neefso" iyada oo loo marayo farqiga raaxada leh ee 10-16px halkii laga isticmaali lahaa shabagyo cidhiidhi ah. Codka cinwaanka waa wax walba: miisaan 600-dhibcood ah oo ah 70-88px oo leh kala fogaanshaha xarfaha cidhiidhiga ah ee -0.02em wuxuu qoraalka u qaataa sidii qoraal halkii uu ka ahaan lahaa UI - waxay u dhowdahay nuqulka tifaftirka marka loo eego SaaS.
Qaybaha mugdiga ah waxay ku fidsan yihiin ballaca bogga oo dhan, iyadoo leh weelal ku jira barta dhexe, oo leh ballaca ugu badan. Qaybta ugu weyn waa mid si toosan u dhexaysa waxayna ka kooban tahay cinwaan, qoraal hoose, iyo wicitaan ficil (CTA), oo ay ku xigto shaashad weyn oo badeecad ah oo dul saaran qaybta xigta. Qaybaha xiga waxay isku beddelaan baloogyada qoraalka ee dhexe iyo shabakadaha kaararka. Qaybta dib u eegista waxay isticmaashaa shabag saddex-tiir ah oo leh kaararka dib u eegista iyo 16 marin. Navigation waa hal baar sare oo leh astaan bidix, xiriiro dhexe, iyo ficillada galitaanka oo ku yaal midigta - ma jiraan dhinac go'an ama menu-weyn. Biyo-mareenka u dhexeeya qaybaha waa deeqsinimo badan (16 marin), taasoo abuuraysa laxan ballaaran oo tifaftiran halkii ay ka ahaan lahayd shabag badeecad cufan.
Meel muuqaal ah waxaa ku badan shaashadaha wax soo saarka - qaab weyn oo leh geeso wareegsan, oo muujinaya is-dhexgalka abka dhabta ah, ayaa buuxiya qaybaha ugu muhiimsan iyo kuwa labaad. Sawirradu waa kuwo aad u yar, waxaana loo isticmaalaa oo keliya avatars isticmaale ama horudhacyo warbaahinta gudaha abka (tusaale ahaan, sawirka riwaayadda ee ku yaal guddiga midig ee tijaabada badeecada). Calaamadaha ku yaal baarka kalsoonida waa calaamado qoraal cad oo siman, oo aamusan. Ma jiraan sawirro qurxin ah, ma jiraan sawirro aan la taaban karin, ma jiraan sawirro 3D ah. Istaraatiijiyadda muuqaalku waa in lagu soo bandhigo badeecada miisaanka, loo daayo daabacaadda inay qabato shaqada shucuurta, oo loo isticmaalo shacaab ahaan midabka kaliya ee lahjadda.
Paleetka
Summada
- Coral Ember
#ff4a36— Liin waxaa loo isticmaalaa lahjad labaad oo loogu talagalay faahfaahinta qurxinta iyo in lagu muujiyo tilmaamo aan badnayn. Waa in aan loo isticmaalin midabka koowaad ee wicitaannada ficilka.
Dhexdhexaad
- Aubergine Canvas
#181824— Bogga asalka ah, oo ah shiraaca ugu weyn, waa hadh diirran oo madow oo beddelaya madow saafi ah, taasoo ka dhigaysa interface-ka isticmaalaha inuu u muuqdo mid lakabaysan halkii uu ka ahaan lahaa mid siman. - Elevated Plum
#26253b— Dusha sare ee kaararka, goobaha wax lagu soo geliyo, weelasha hagitaanka - hal tallaabo oo ka fudud shiraac si loo abuuro qoto dheer iyada oo aan lahayn xuduud muuqata. - Pure White
#ffffff— Cinwaanada ugu muhiimsan, qoraalka badhanka, iyo dulmarrada astaanta - isbarbardhigga ugu badan ee shiraac madow. - Fog Text
#696f81— Qoraalka ugu muhiimsan, cinwaanada labaad, iyo xuduudaha aan la xidhin dhammaantood waxay leeyihiin saamiga isbarbardhigga 7:1 si loogu akhriyo raaxo leh iyadoo la barbar dhigayo asalka midabka ukunta. - Ash Text
#8e8da0— Midab dhexdhexaad ah ayaa loo taageeraa walxaha UI-ga labaad, kala-qaybiyayaasha, iyo calaamadaha aan la xidhin. Waa in aan loo isticmaalin midabka koowaad ee wicitaanada ficilka. - Mist Highlight
#a3a3a7— Xuduudaha qarsoon, kala-qaybiyayaasha, iyo walxaha aan firfircoonayn ee hagitaanka waxay abuuraan cod dhexdhexaad ah oo aan muuqan oo weli ka soo horjeeda shiraaca.
Nooca qoraalka
laga bilaabo 12 ilaa 88px · 9 tallaabo
- sans-serif — beddelka: Inter · dulmar guud 400 · sans-serif - laga helay xogta la soo saaray laakiin aan lagu qeexin AI.
- Haffer XH SemiBold — beddelka: Inter Tight · dulmar guud 400, 600 · Farta ugu muhiimsan ee bandhigga iyo cinwaanada. Waxaa loo isticmaalaa cabbir dhan 70–88px cinwaanada geesiga oo leh kala fogaanshaha xarfaha -0.02em iyo miisaanka 600. Kala fogaanshaha xarfaha cidhiidhiga ah iyo dhererka xarfaha waaweyn ayaa cinwaanada siinaya miisaan tifaftiran, taasoo ka dhigaysa is-dhexgalka mugdiga ah mid u eg daboolka joornaalka halkii uu ka ahaan lahaa dashboard. Ku beddel Inter Tight ama General Sans miisaan geesinimo leh.
- Jersey 10 — beddelka: Anybody · dulmar guud 400 · Far weyn oo qurxin ah oo loogu talagalay lambarrada lahjadda iyo iftiiminta. Si xad dhaaf ah ayaa loo isticmaalaa cabbirro aad u waaweyn si loo abuuro lahjado qoraaleed. Waxaa lagu beddeli karaa Anybody ama Cabinet Grotesk.
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | celcelis |
| Tallaabada aasaasiga ah | 10-16px |
| Gacanka badhanka | 100px |
| Gacanka kaarka | 20px |
| Hooska | hooska jilicsan |
| Inta u dhaxaysa qaybaha | 80px |
| Ballaca bogga | 1200px |
AI waxay website-kaaga ku dhisi doontaa qaabka Superlist oo ay buuxin doontaa
- Ku buuxi alaabada iyo qoraallada adoo adeegsanaya xiriirka - Instagram, TikTok, Facebook.
- Ku wareeji macluumaadka boggaagii hore—kaliya sheeg cinwaanka.
- Naqshad casri ah oo ku jirta matoorka ugu fiican: React ( Next.js) oo leh qaabaynta server-ka iyo hagaajinta SEO oo aan la hubin.
- Hagaajinta SEO si buuxda oo otomaatig ah oo loogu talagalay natiijooyinka raadinta iyo talooyinka shabakadda neerfaha.
Qaabab isku mid ah
- DNA — Saqda dhexe ee la daawado sida muraayadda walxaha lagu arko
- Abetterlou — Dhimbilo ku yaal Maqaar Koorso ah - Farta kareemka diirran oo ka iftiimaysa asal qoto dheer oo kafee-madow ah, oo leh badhamo dahab-guduud ah oo u eg bir kulul oo lagu riixay bogga.
- Galileo-ft — Sagxad amar oo meel qoto dheer ah oo leh calaamado buluug koronto ku shaqeeya
- Decide AI — Kormeerka saqda dhexe - calaamadda mint
- Redis Agency — Aqoon-is-weydaarsiga tifaftirka, oo furan saacadaha ka dambeeya, waa meel madow ah oo dhammaan shaqada summeynta lagu sameeyo iyadoo la adeegsanayo farta serif iyo hal radish cas.
- Spellbook — Maxkamad saq dhexe ah oo lagu shiday khad shacaab ah—dusha tifaftirka madow halkaas oo codka kaliya uu yahay qalinka diirran ee oranji
- Linear — qalabka saxda ah ee saqda dhexe
- Origin Financial — Qol saqda dhexe ah oo raaxo leh. Qol deggan oo ku dhawaad madow ah oo ay ku jiraan far waaweyn oo serif ah iyo dhowr guddi midab leh oo iftiin leh oo abuura dareen ah in maalgelintu ay tahay shaqo farshaxan oo si taxaddar leh loo diyaariyey.
- Hyperstudio — Naqshadeynta waxaa loo xoqay obsidian. Qoraal iyo xariiqyo yaryar waxay leeyihiin meel cad oo madow saafi ah, iyadoo marmar calaamado dahab ah ay tilmaamayaan jidka.
- Air — farshaxan "Midnight Sky Through Glass"
- Raycast — Xarunta Taliska Saqda Dhexe, Coral Neon
- dope.security — Saldhigga saqda dhexe oo leh calaamado guduudan