Slash
Chivako chepakati pehusiku chine magwaro egoridhe
Slash inoshanda muchimiro chepakati pehusiku: kanivhasi nhema, mhando chena, uye imwe chete inodziya yemhangura inoshanda sezviratidzo. Misoro yenhau inoratidzwa muIvy Presto, serif yedidone ine musiyano mukuru inoshandiswa muhukuru hwakanyanya (kusvika 88px)—kupesana uku kwemavara e serif ne sans-serif ndiyo siginecha yesystem, ichiipa simba remari pasina simba rebrokerage rebhangi rekare. Zvimwe zvese zve user interface hazvina kunyatsotsanangurwa nemaune: miganhu mitete, ma controls akaita sepiritsi, compact body text 16px, uye subtle upsweep kuti rudzi rwemifananidzo rufeme. Gradient imwe chete yegoridhe (mutsara wechati, microaccents) inowedzera kudziya kune monochrome system, zvichimutsa kupenya kunopisa kweBloomberg terminal yakavakirwa vateereri vedhizaini.
Zviri mukati mayo zvakafara 1216px, pakati, zvine magutter akamira 160px. Chidzitiro chekutanga chine kanivhasi yakasviba, yakafara yakazara ine chimiro chakakamurwa: musoro weserif wakatarisana kuruboshwe (64–88px wakafara) une nzvimbo yekero yeemail pazasi, uye kadhi hombe reUI rezvigadzirwa (mufananidzo wedhibhodhi) kurudyi pahupamhi hwe50%. Zvikamu zvinotevera zvinoshandisa musoro wekoramu imwe chete, wakatarisana (serif, 44–64px wakafara) une musoro mudiki muInter, uchiteverwa nemagridhi matatu emakadhi etsananguro dzezvinhu/uchapupu/mablog. Kufamba kwacho ibar yepamusoro yakatarwa: logo kuruboshwe, menyu yepakati (Kambani, Zvigadzirwa, Mhinduro, Vatengi, Mitengo, Mibvunzo Inowanzo bvunzwa), kupinda kwakatarisana kurudyi (kusingaonekwe), uye kutanga (chinhu chakachena chakazadzwa). Chidzitiro chine grid yakakoramu shanu ine malink ane ruzivo rwekambani nezviziviso zvepamutemo. Peji rinochinjana pakati pezvikamu zvegridi zvine content-rich uye stats dze full-screen—rhythm inosimbiswa nenzvimbo chena yakakura pakati pemakoramu pane kuchinjana mavara ekumashure (peji rese rinoratidzwa secanvas imwe chete, yakabatana).
Mifananidzo iyi ndeyekunyora uye ndeyezvisikwa: mifananidzo inodziya yevakatanga nenhengo dzechikwata munzvimbo dzavo dzebasa chaidzo (mahofisi, dzimba dzekutandarira, nzvimbo dzekuvaka). Mifananidzo iyi inozadza mafuremu emakadhi kumucheto kusvika kumucheto, isina padding. Gradient yakasviba inoshandiswa pasi pemakadhi euchapupu kuti rugwaro ruve nyore kuverenga. Runako—"LinkedIn inosangana nemagazini yekunyora"—haruna kujairika, ndeyevanhu, uye haina kunyarara zvishoma, haimbokwenenzverwi nemifananidzo yestock photography. Mifananidzo midiki yezvinyorwa inosanganisa mapikicha nepfungwa dzakaratidzwa (munhu akamira mumaze, chitofu chine mabhegi emari). UI yechigadzirwa ichi inoratidzwa mu dark mode ine full opacity, ichikwira pamusoro peji panzvimbo dzisina kujeka dzerima—chinhu chiri pakati. Mifananidzo iyi ine monochrome ine 1px strokes mu #2e3038 kana #777a88, haina kuzadzwa neruvara rwechiratidzo.
Palette
Kwakarerekera
- Bone
#e2e3e9— Saizi huru yefonti yemavara ekutanga, mazita edata ane ruzivo rwakadzama, uye toni yemavara yakajairwa muzvinhu zvakawanda zveUI. - Obsidian
#08080a— Kanivhasi yepeji, kumashure kwezasi, pamusoro perima rakawanda inenge dema uye ruvara rwebhuruu rusina kujeka. - Onyx
#040406— Pamusoro pekadhi, iyo yakawedzera kumashure, yakadzama kupfuura peji kuti ionekwe zvakanaka. - Carbon
#121317— Mapaneru akasimudzwa, UI isina kuvharika - danho rekutanga rakareruka mukushanduka kweSurface Stack - Graphite
#1c1d22— Miganhu, zvinoparadzanisa, midziyo yezviratidzo, maslider ekudzora—ruvara rwakanyanya kuderera runotsanangura chimiro. - Slate
#2e3038— Miganhu yakawedzerwa, mitsetse yezviratidzo yakadzima, miganho midiki pakati pemabhuroko ezvinyorwa.
Kunyora
kubva pa13 kusvika pa88px · nhanho 9
- Ivy Presto — kutsiva: Playfair Display · marongero 400, 500 · Fonti yeserif yemisoro nemisoro midiki—inoshandiswa chete pamisoro nemisoro yezvikamu pa28px zvichikwira. Kurova kwakaitwa nedidone neserifs dzakatetepa kunoita kuti pave nepfungwa yekuti zviri nyore kunyora; nzvimbo diki yemabhii akanaka ye0.01em haina kujairika uye inoita kuti fonti iratidzike seyakadhindwa, yakaita seyekuverenga. Fonti iyi yeserif ndiyo inonyanya kukosha mubhizinesi—inosiyanisa Slash nemamwe makambani ese eSaaS fintech anoshandisa mafonti asina ma geometric.
- Inter — kutsiva: Inter (self-hosted via Google Fonts) · marongero 300, 400, 500, 600, 700 · UI Sans—main text, navigation, buttons, labels, links, form fields, and subheadings. Main text anoshandisa 300 font ye secondary text isina kuoneka; 500 inoshandiswa pa medium-emphasis text uye button labels; 600 yakachengeterwa category labels yakanyorwa nema small caps. Negative letter spacing inoderera kubva pa 2 (-3) uye inoderera sezvo saizi ichiderera, izvo zvinowanzoitwa ne optical scaling yeInter font.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | yakakura |
| Danho rekutanga | 8px |
| Radiyo yebhatani | 9999px |
| Nharaunda yekadhi | 10px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 160px |
| Upamhi hwepeji | 1216px |
AI ichavaka webhusaiti yako nenzira ye Slash uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Modal — Chiteshi che phosphorescent chiri mukamuri re server rakasviba - chiedza chega chinobva ruvara rwegirini rakajeka
- AgentQL — Mwenje yekuchamhembe iri pamusoro pechiteshi chemagetsi husiku
- GitHub — Panera remirairo yemuchadenga rine nzvimbo dzekudzora dzinopenya-nzvimbo yekushanda ine rima, ine rima uko chiedza chegirini chimwe chete chinonongedzera nzira yekumberi.
- Doppler — Mwenje wepepuru wepadenga pakati pehusiku. Kanivhasi dema rinopenya nechiratidzo chimwe chete chelavender nemwenje wegirini, nzvimbo yega yega yakakombama zvakakwana kuti ibatwe.
- Basedash — Nzvimbo yedata yepakati pehusiku ine mafonti matte. Nzvimbo yekutarisa ine rima apo zviyero zvinopenya zvepepuru negirini, misoro yeserif inoyerera pamusoro peruzha, uye mabhatani machena akaita sepiritsi ndiwo ega zvinhu zvinopenya zviri mukamuri rine nzvimbo nhema dzakapfava.
- Superwhisper — Mwenje yekuchamhembe inonyungudika pamusoro pegirazi repakati pehusiku
- Better Stack — Pakati pehusiku SRE Console
- Langbase — Koni yepakati pehusiku yeNorthern Lights
- Astro — Kudzora Basa Remuchadenga Rakadzika nechiedza chepepuru chimwe chete chinobva ku nebula
- Wayfinder — Sikirini yefirimu nhema ine musoro usinganzwike zvakanaka iri pamusoro pemufananidzo uripo. Iyo interface inotsvedza chiedza kwete pane control panel.
- HashiCorp — Imba yekudzora pakati pehusiku ine neon yepepuru inzvimbo ine rima ine hunyanzvi apo chidimbu chehexagonal chinopenya chinoshanda sechiratidzo chega cheruvara.
- Umbrel — Nzvimbo yekupisira moto inotonhorera muimba yekuchengetera usiku—imba ine rima ine chiedza chimwe chete chinopenya chinoratidza zvinonyanya kukosha.