Superlist
Indawo yokusebenza yasebusuku enamalahle e-coral—indawo yohlelo lokusebenza lwe-eggplant ethule lapho inhlansi eyodwa efudumele ye-orange ikhombisa khona yonke into eyenziwayo
I-Superlist isebenzisa ulimi lokukhiqiza ngamathoni aphuzi phakathi kwamabili: i-eggplant ejulile, i-coral efudumele njengombala oyinhloko kuphela, kanye nezihloko ezinkulu ze-sans-serif ezithwebula wonke umkhathi. I-interface iveza umuzwa womsebenzi ogxile ebusuku kakhulu—ukuthula, okunezingqimba, nokuzethemba, ngombala osetshenziswa kuphela njengezimpawu zokubhala ezisebenzayo ekubizeni isenzo, izimo ezisebenzayo, kanye namaphuzu abalulekile. Izindawo zibekwe ngamathoni amnyama angabonakali anethoni ephansi ensomi (#181824 → #26253b), igwema ubumnyama obumsulwa ukuqinisekisa ukuthi ukujula kuzwakala kufudumele kunokuba kungcolile. Izingxenye zinezimo ezizungezile eziningi (amakhadi angu-20px, izinkinobho zamaphilisi), izithunzi ezithambile, futhi "ziphefumula" ngezikhala ezikhululekile ezingu-10-16px kunezigridi eziqinile. Izwi lesihloko liyikho konke: isisindo samaphuzu angu-600 ku-70-88px kanye nesikhala sezinhlamvu eziqinile esingu--0.02em siphatha umbhalo njengophawu lokubhala esikhundleni se-UI—siseduze nekhophi yokuhlela kune-SaaS.
Izingxenye ezimnyama zimboza ububanzi bonke bekhasi, ngeziqukathi zokuqukethwe eziphakathi nendawo, ezinobubanzi obukhulu. Isigaba esiyinhloko simaphakathi nendawo futhi siqukethe isihloko, umbhalo ongaphansi, kanye nokubizelwa esenzweni (i-CTA), kulandelwe isithombe-skrini esikhulu somkhiqizo esihlanganisa isigaba esilandelayo. Izigaba ezilandelayo ziyashintshana phakathi kwamabhulokhi ombhalo aphakathi nendawo kanye namagridi amakhadi. Isigaba sokubuyekezwa sisebenzisa igridi enamakholomu amathathu enamakhadi okubuyekezwa kanye nama-gutter angu-16. Ukuzulazula kuyibha ephezulu eyodwa enelogo ngakwesobunxele, izixhumanisi eziphakathi nendawo, kanye nezenzo zokungena ngakwesokudla—akukho sidebar eqondile noma imenyu enkulu. Ama-gutter phakathi kwezigaba maningi (ama-gutter angu-16), adala isigqi esikhulu, sokuhlela kunokuba igridi yomkhiqizo ebanzi.
Isikhala esibonakalayo sibuswa izithombe-skrini zomkhiqizo—uhlaka olukhulu olunamakhona ayindilinga, olubonisa isikhombikubona sohlelo lokusebenza langempela, lugcwalisa izingxenye eziyinhloko nezesibili. Izithombe zincane kakhulu, zisetshenziswa kuphela njengezithombe zomsebenzisi noma ukubuka kuqala kwemidiya engaphakathi kohlelo lokusebenza (isibonelo, isithombe sekhonsathi kuphaneli yesokudla yemodeli yomkhiqizo). Ama-logo kubha yokwethemba ayizimpawu zombhalo ezimhlophe eziyisicaba nezithulisiwe. Azikho izithombe zokuhlobisa, azikho ihluzo ezingabonakali, azikho izithombe ze-3D. Isu elibonakalayo ukubonisa umkhiqizo ngezinga, ukuvumela ukuthayipha kwenze umsebenzi ongokomzwelo, nokusebenzisa i-coral njengombala wokugcizelela kuphela.
Iphalethi
Umkhiqizo
- Coral Ember
#ff4a36— I-orenji isetshenziswa njengendlela yesibili yokugcizelela imininingwane yokuhlobisa kanye nokugqamisa izimpawu ezingavamile. Akufanele isetshenziswe njengombala oyinhloko wokubiza isenzo.
Okungathathi hlangothi
- Aubergine Canvas
#181824— Ingemuva lekhasi, i-canvas eyinhloko, liwumbala ofudumele nomnyama othatha indawo yomnyama omsulwa, okwenza isikhombikubona somsebenzisi sibonakale sinezingqimba kunokuba sibe sicaba. - Elevated Plum
#26253b— Izindawo zamakhadi, izinkambu zokufaka, izitsha zokuzulazula—isinyathelo esisodwa esilula kunekhanvasi ukudala ukujula ngaphandle komngcele obonakalayo. - Pure White
#ffffff— Izihloko eziyinhloko, umbhalo wezinkinobho, kanye nezinhlaka zesithonjana—umehluko omkhulu kukhanvasi emnyama. - Fog Text
#696f81— Umbhalo oyinhloko, izihloko zesibili, kanye nemingcele ethule konke kunesilinganiso sokungafani esingu-7:1 sokufunda okukhululekile ngokumelene nesizinda esinombala we-eggplant. - Ash Text
#8e8da0— Umbala ongathathi hlangothi uyasekelwa ezintweni zesibili ze-UI, abahlukanisi, kanye namalebula athulisiwe. Akufanele usetshenziswe njengombala oyinhloko wokubiza isenzo. - Mist Highlight
#a3a3a7— Imingcele ecashile, izihlukanisi, kanye nezinto zokuzulazula ezingasebenzi kudala ithoni engathathi hlangothi engabonakali kakhulu ebonakala kakhulu kukhanvasi.
Ukuthayipha
kusukela ku-12 kuya ku-88px · izinyathelo ezingu-9
- sans-serif — esikhundleni: Inter · izinhlaka 400 · i-sans-serif - etholakala kudatha ekhishwe kodwa engachazwanga yi-AI.
- Haffer XH SemiBold — esikhundleni: Inter Tight · izinhlaka 400, 600 · Ifonti eyinhloko yokubonisa nezihloko. Isetshenziswa ngobukhulu obungu-70–88px ezihlokweni zamaqhawe ezinesikhala sohlamvu esingu--0.02em kanye nesisindo esingu-600. Isikhala sohlamvu esincane kanye nokuphakama kohlamvu olukhulu kunikeza izihloko isisindo sokuhlela, okwenza isikhombikubona esimnyama sibukeke njengesembozo somagazini kunedeshibhodi. Faka esikhundleni se-Inter Tight noma i-General Sans ngesisindo esiqinile.
- Jersey 10 — esikhundleni: Anybody · izinhlaka 400 · Ifonti enkulu, ehlobisayo yezinombolo zokugqamisa kanye nezimpawu ezivelele. Isetshenziswa kancane ngobukhulu obukhulu kakhulu ukudala ukugqamisa kokubhala. Ingashintshwa nge-Anybody noma i-Cabinet Grotesk.
Izikhawu kanye nesimo
| Inhloso | Incazelo |
|---|---|
| Ubuningi | isilinganiso |
| Isinyathelo esiyisisekelo | 10-16px |
| Irediyasi yenkinobho | 100px |
| Irediyasi yekhadi | 20px |
| Izithunzi | izithunzi ezithambile |
| Phakathi kwezigaba | 80px |
| Ububanzi bekhasi | 1200px |
I-AI izokwakha iwebhusayithi yakho ngesitayela se- Superlist futhi iyigcwalise
- Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
- Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
- Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
- Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.
Izitayela ezifanayo
- DNA — I-Midnight Observatory njengoba ibonwa ngelensi yezinhlayiya
- Abetterlou — I-Sparks on Saddle Leather - ifonti efudumele ekhilimu ekhazimula ngemuva okumnyama njengekhofi, enezinkinobho zegolide eliphuzi ezizwakala njengensimbi eshisayo ecindezelwe ekhasini.
- Galileo-ft — Ideski yomyalo enesikhala esijulile enezimpawu eziluhlaza okwesibhakabhaka zikagesi
- Decide AI — I-Observatory phakathi kwamabili - isignali ye-mint
- Redis Agency — Indawo yokuhlela, evuliwe ngemva kwamahora okusebenza, iyindawo emnyama bhuqe lapho wonke umsebenzi wokufaka uphawu wenziwa khona ngamafonti e-serif kanye ne-radish eyodwa ebomvu.
- Spellbook — Inkantolo yaphakathi kwamabili ekhanyiswe ngoyinki we-coral—indawo yokuhlela emnyama lapho umsindo kuphela ungowokushaywa kwepeni eliphuzi elifudumele
- Linear — ithuluzi lokunemba phakathi kwamabili
- Origin Financial — Igalari yaphakathi kwamabili enobukhazikhazi obuthule. Igumbi elithule, elicishe libe mnyama lapho amafonti amakhulu e-serif namaphaneli ambalwa anombala okhanyisiwe enza umuzwa wokuthi ezezimali ziwumsebenzi wobuciko ohlelwe ngokucophelela.
- Hyperstudio — Umklamo uklwebhekile ube yi-obsidian. Umbhalo kanye nemigqa emincane kubeka isikhala esimhlophe esimnyama qwa, kanye namamaki ekhampasi egolide abonisa indlela.
- Air — isithombe "Isibhakabhaka Sasebusuku Ngengilazi"
- Raycast — Isikhungo Somyalo Sasebusuku, iCoral Neon
- dope.security — Itheminali yaphakathi kwamabili enezibani ezinsomi