Slash

Igumbi lokulala eliphakathi kobusuku elineencwadi zegolide

I-Slash isebenza kwimo yegalari ephakathi kobusuku: i-canvas emnyama phantse, uhlobo olumhlophe, kunye ne-accent enye efudumeleyo yekopolo esebenza njengeempawu zokubhala. Izihloko ziboniswa kwi-Ivy Presto, i-serif ye-didone ehluke kakhulu esetyenziswa ngobukhulu obugqithisileyo (ukuya kuthi ga kwi-88px)—oku kungqubana kweentlobo ze-serif kunye ne-sans-serif luphawu lwenkqubo, oluyinika ubunzulu bezemali ngaphandle kobunzima bebhanki yendabuko. Okunye kojongano lomsebenzisi akucaciswanga ngabom: imida emincinci, ulawulo olufana nepilisi, umbhalo womzimba oqinileyo we-16px, kunye nokunyuka okuncinci ukuvumela uhlobo ukuba luphefumle. I-gradient enye yegolide (umgca wetshathi, ii-microaccents) yongeza ubushushu kwinkqubo ye-monochrome, ivuselela ukukhanya okufudumeleyo kwe-terminal yeBloomberg eyakhelwe abaphulaphuli boyilo.

Umxholo ububanzi bawo buyi-1216px, uphakathi, kunye nee-gutter ezithe nkqo eziyi-160px. Isikrini sasekhaya si-canvas emnyama, ebanzi ngokupheleleyo enomxholo owahlulweyo: i-header ye-serif ehambelana nekhohlo (ububanzi be-64–88px) enentsimi yedilesi ye-imeyile engezantsi, kunye nekhadi elikhulu le-UI yemveliso (umfanekiso weskrini wedeshibhodi) ngasekunene kububanzi be-50%. Amacandelo alandelayo asebenzisa i-header enekholamu enye, ephakathi (serif, ububanzi be-44–64px) enesihloko esincinci kwi-Inter, elandelwa ziigridi zamakhadi ezineekholamu ezintathu zeenkcazo zeempawu/ubungqina/iiblogi. Ukuhambahamba kuluhlu oluphezulu oluzinzileyo: ilogo ekhohlo, imenyu ephakathi (iNkampani, iiMveliso, izisombululo, abaThengi, amaxabiso, imibuzo ebuzwa rhoqo), ukungena okuhambelana nekunene (okungabonakaliyo), kunye nokuqalisa (into emhlophe egcweleyo). I-footer inegridi exineneyo eneekholamu ezintlanu zeekhonkco ezinolwazi lwenkampani kunye nezaziso zomthetho. Iphepha litshintshana phakathi kwamacandelo egridi etyebileyo kumxholo kunye nezibalo zesikrini esipheleleyo—isingqisho simiselwa sisithuba esikhulu esimhlophe phakathi kweekholamu endaweni yokutshintshana kwemibala yangasemva (iphepha lonke livezwa njengekhanvasi enye, emanyeneyo).

Ifoto ihambelana nomhleli kwaye ihambelana nendalo: imifanekiso efudumeleyo yabasunguli kunye namalungu eqela kwiindawo zabo zomsebenzi zokwenyani (iiofisi, amagumbi okuhlala, iindawo zokwakha). Imifanekiso izalisa iifreyimu zamakhadi umphetho ukuya kumphetho, ngaphandle kokuvala. I-gradient emnyama isetyenziswa ezantsi kwamakhadi obungqina ukuphucula ukufundwa kombhalo. Ubuhle—"i-LinkedIn idibana nemagazini yomhleli"—buyinto eqhelekileyo, yobuntu, kwaye ayithethi nto, ayikhanyiswanga ngemifanekiso yesitokhwe. Izithonjana zenqaku zidibanisa iifoto kunye neengcamango ezibonisiweyo (umntu omi kwindawo yokucima umlilo, isitovu esineengxowa zemali). I-UI yemveliso iboniswa kwimo emnyama kunye nokungacaci ngokupheleleyo, ijikeleza ngaphezulu kwephepha kwiindawo ezimnyama ezingabonakaliyo—into ephakathi. Iimpawu ziyi-monochrome kunye nemivimbo ye-1px kwi #2e3038 okanye #777a88, azizaliswanga ngumbala webhrendi.

Mnyama I-SaaS ecocekileyo Iigradients ezithambileyo I-monochrome

https://www.slash.com

Iphalethi

Ukungathathi cala

Bone #e2e3e9 — Ubungakanani befonti obukhulu bombhalo oyintloko, iilebhile zedatha ezineenkcukacha, kunye nethoni yombhalo eqhelekileyo kuzo zonke izinto ze-UI.
Obsidian #08080a — I-canvas yephepha, imvelaphi esezantsi, umphezulu omnyama phantse umnyama kwaye unombala oluhlaza okwesibhakabhaka.
Onyx #040406 — Umphezulu wekhadi, imvelaphi eyongezelelweyo, inzulu ngaphezu kwephepha ukuze ufumane isiphumo esibonakalayo.
Carbon #121317 — Iiphaneli eziphakanyisiweyo, ukuzaliswa kwe-UI okungaphazamisiyo - inyathelo lokuqala elilula kakhulu ekuphuhlisweni kweSurface Stack
Graphite #1c1d22 — Imida, izahluli, izikhongozeli zeempawu, izilayidi zolawulo—umbala ocacileyo ochaza ulwakhiwo.
Slate #2e3038 — Imida eyongezelelweyo, imigca ye icon engavalwanga, izahluli ezifihlakeleyo phakathi kweebhloko zomxholo.

Ubhalo lweencwadi

ukusuka kwi-13 ukuya kwi-88px · amanyathelo ali-9

Ivy Presto — ukutshintshwa: Playfair Display · imida 400, 500 · Ifonti ye-serif yezihloko kunye nezihlokwana—esetyenziselwa kuphela izihloko kunye nezihloko zamacandelo kwi-28px nangaphezulu. Ukubetha kwe-didone okuhluke kakhulu kunye nee-serifs ezincinci kudala uluvo lokunethezeka kokuhlela; isithuba esincinci soonobumba abalungileyo se-0.01em asiqhelekanga kwaye sinika ifonti inkangeleko eprintiweyo, efana ne-accounting. Le fonti ye-serif yeyona nombolo iphambili yophawu—iyahlula i-Slash kuzo zonke ezinye iinkampani ze-fintech ze-SaaS ezisebenzisa iifonti ze-sans-serif zejometri.
Inter — ukutshintshwa: Inter (self-hosted via Google Fonts) · imida 300, 400, 500, 600, 700 · I-UI Sans—umbhalo oyintloko, ukuhambahamba, amaqhosha, iilebhile, amakhonkco, amasimi eefom, kunye nezihlokwana. Umbhalo oyintloko usebenzisa ifonti engama-300 kumbhalo wesibini ongaphazamisiyo; i-500 isetyenziselwa umbhalo ophakathi kunye neelebhile zamaqhosha; i-600 igcinelwe iilebhile zeklasi ezibhalwe ngamaqhosha amancinci. Isithuba soonobumba abangalunganga siyancipha ukusuka kwi-2 (-3) kwaye siyancipha njengoko ubungakanani buncipha, nto leyo eqhelekileyo kwi-optical scaling yefonti ye-Inter.

Amaxesha okuphumla kunye nefom

Injongo	Intsingiselo
Uxinano	banzi
Inyathelo elisisiseko	8px
Irediyasi yeqhosha	9999px
Irediyasi yekhadi	10px
Izithunzi	akukho - imida endaweni yezithunzi
Phakathi kwamacandelo	160px
Ububanzi bephepha	1216px

I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Slash 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.

Yenza iwebhusayithi ngolu hlobo

Iintlobo ezifanayo

Modal — Isiphelo se-phosphorescent kwigumbi leseva elimnyama - umthombo wokukhanya kuphela ngumbala oluhlaza oqaqambileyo
AgentQL — Izibane zaseMantla phezu kwesiphelo ebusuku
GitHub — Iphaneli yomyalelo wesithuba eneendawo zokulawula ze-bioluminescent—indawo yokusebenza emnyama, enomoya apho ukukhanya okuluhlaza okwesibhakabhaka kubonisa indlela eya phambili.
Doppler — Ukukhanya okumfusa kwesi sigqubuthelo segumbi lokuhlambela ezinzulwini zobusuku. I-canvas ephantse ibe mnyama ikhazimla ngesibonakaliso esinye se-lavender kunye nesibane esiluhlaza sokuqinisekisa, yonke indawo igobile ngokwaneleyo ukuba ingabanjwa.
Basedash — Isiphelo sedatha sasebusuku esinefonti engacwebezeliyo. Indawo yokujongisisa emnyama apho iimetrikhi zikhanya ngombala omfusa noluhlaza, iintloko ze-serif zihamba ngaphezu kwengxolo, kwaye amaqhosha amhlophe amile okwepilisi zezona zinto zikhanyayo kwigumbi elinobuso obumnyama obuthambileyo.
Superwhisper — Izibane zasentla ziyanyibilika phezu kweglasi yobusuku
Better Stack — Ikhonsoli ye-SRE yasebusuku
Langbase — Ikhonsoli yeZibane zaseMbindini zaseNorthern Lights
Astro — Ulawulo lweMisebenzi yeSithuba esiNzulu olunokukhanya okumfusa okukodwa okuvela kwi-nebula
Wayfinder — Isikrini semuvi emnyama esinesihloko esingavakaliyo kakuhle esiphezu komfanekiso ophilayo. I-interface sisilayidi sokukhanya endaweni yephaneli yokulawula.
HashiCorp — Igumbi lokulawula ezinzulwini zobusuku eline-purple neon liyindawo yobugcisa emnyama apho ityhubhu ekhazimlayo enesiqingatha isebenza njengombala kuphela omele ukhanyiswe.
Umbrel — Indawo yomlilo efudumeleyo kwigumbi labalungiseleli basebusuku—igumbi elimnyama apho ukukhanya okukhanyayo okufana nepesika kugqamisa into ebaluleke ngokwenene.