Slash
Taskar dare mai ɗauke da takardun kuɗi na zinare
Slash yana aiki a cikin yanayin gidan tarihi na tsakar dare: zane mai kusan baƙi, nau'in fari, da kuma lafazin jan ƙarfe guda ɗaya mai ɗumi wanda ke aiki azaman alamun rubutu. Ana nuna kanun labarai a cikin Ivy Presto, wani serif ɗin dodone mai bambanci wanda ake amfani da shi a cikin girma mai girma (har zuwa 88px) - wannan karo na nau'ikan serif da sans-serif shine sa hannun tsarin, yana ba shi damar samun ƙarfin kuɗi ba tare da ƙarfin dillalai na banki na gargajiya ba. Sauran hanyar haɗin yanar gizo na mai amfani ba a bayyana su da gangan ba: iyakoki masu siriri, sarrafa siffa mai siffar pill, ƙaramin rubutun jiki mai girman 16px, da kuma ƙara haske don ba da damar nau'in ya numfashi. Gradient guda ɗaya na zinariya (layin zane, ƙananan accents) yana ƙara ɗumi ga tsarin monochrome, yana haifar da hasken ɗumi na tashar Bloomberg da aka gina don masu sauraro.
Abubuwan da ke ciki suna da faɗin 1216px, tsakiya, tare da magudanar ruwa mai tsayi 160px. Allon farko zane ne mai duhu, mai faɗi cikakke tare da rarrabuwar abubuwa: kanun serif mai layi na hagu (faɗin 64-88px) tare da filin adireshin imel a ƙasa, da kuma babban katin UI na samfuri (hoton allo na dashboard) a dama a faɗin 50%. Sassan da ke biyo baya suna amfani da kanun shafi ɗaya, mai tsakiya (serif, faɗin 44-64px) tare da ƙaramin kanun labarai a Inter, sannan sai grid na katuna masu ginshiƙai uku don bayanin fasali/shaidu/blogs. Kewaya sandar sama ce da aka gyara: tambari a hagu, menu na tsakiya (Kamfani, Kayayyaki, Magani, Abokan Ciniki, Farashi, Tambayoyi akai-akai), shiga mai layi na dama (ba a gani ba), da farawa (farin abu cike). Ƙafar ƙasa tana da grid mai kauri mai ginshiƙai biyar na hanyoyin haɗi tare da bayanan kamfani da sanarwar doka. Shafin yana canzawa tsakanin sassan grid masu wadataccen abun ciki da ƙididdigar cikakken allo - ana kafa tsarin ta hanyar sarari mai yawa tsakanin ginshiƙai maimakon canza launukan bango (duka shafin an gabatar da shi azaman zane ɗaya, mai haɗin kai).
Daukar hoton yana da kyau kuma na halitta: hotunan da aka ɗauka daga waɗanda suka kafa da kuma membobin ƙungiyar a cikin yanayin aikinsu na ainihi (ofisoshi, ɗakunan zama, wuraren gini). Hotunan suna cika firam ɗin katin gefe zuwa gefe, ba tare da wani abin rufe fuska ba. Ana amfani da wani ɗan duhu a ƙasan katunan shaida don haɓaka iya karanta rubutu. Kyakkyawar - "LinkedIn ya haɗu da mujallar edita" - ba ta da tsari, ɗan adam, kuma an ɗan yi shiru, ba a taɓa goge shi da ɗaukar hoto ba. Hotunan hoto na labarin sun haɗa hotuna tare da zane-zanen da aka zana (mutum tsaye a cikin wani lanƙwasa, murhu mai jakunkunan kuɗi). UI na samfurin yana nuna shi a cikin yanayin duhu tare da cikakken haske, yana shawagi a saman shafin akan saman duhu mai duhu - wani abu na tsakiya. Hotunan suna da monochrome tare da bugun 1px a cikin #2e3038 ko #777a88, ba a taɓa cika su da launin alamar ba.
Palette
Tsaka-tsaki
- Bone
#e2e3e9— Babban girman rubutu don babban rubutu, cikakkun lakabin bayanai, da kuma sautin rubutu na yau da kullun a cikin yawancin abubuwan UI. - Obsidian
#08080a— Zane na shafi, bayan ƙasa, da kuma saman da ya fi duhu kusan baƙi ne tare da launin shuɗi mai laushi. - Onyx
#040406— Faɗin katin, ƙarin bango, yana da zurfi fiye da shafin don tasirin gani. - Carbon
#121317— Allon da aka ɗaga, cikewar UI mara ɓoyewa - mataki na farko mai sauƙi a cikin juyin halittar Surface Stack - Graphite
#1c1d22— Iyakoki, masu rabawa, kwantena masu alama, masu zamiya masu sarrafawa—launi mafi ƙarancin launi da ke bayyana tsari. - Slate
#2e3038— Ƙarin iyakoki, layukan gumaka marasa sauti, da kuma rabe-raben abubuwa marasa ma'ana tsakanin tubalan abun ciki.
Rubutu
daga 13 zuwa 88px · Matakai 9
- Ivy Presto — maye gurbin: Playfair Display · zane-zane 400, 500 · Font ɗin serif don kanun labarai da ƙananan kanun labarai—wanda ake amfani da shi kawai don kanun labarai da taken sashe a 28px zuwa sama. Shafukan dodone masu bambanci sosai tare da siririn serifs suna haifar da jin daɗin edita; ƙaramin tazara mai kyau na haruffa 0.01em ba sabon abu bane kuma yana ba font ɗin kama da wanda aka buga. Wannan font ɗin serif shine babban katin kiran alama—yana bambanta Slash daga duk sauran kamfanonin SaaS fintech waɗanda suka saba zuwa fonts na geometric sans-serif.
- Inter — maye gurbin: Inter (self-hosted via Google Fonts) · zane-zane 300, 400, 500, 600, 700 · UI Sans—babban rubutu, kewayawa, maɓallai, lakabi, hanyoyin haɗi, filayen tsari, da ƙananan kanun labarai. Babban rubutun yana amfani da font 300 don rubutu na biyu mara ɓoyewa; ana amfani da 500 don rubutu mai matsakaicin ma'ana da lakabin maɓalli; an tanada 600 don lakabin rukuni da aka rubuta a ƙananan huluna. Tazarar haruffa mara kyau yana raguwa daga 2 (-3) kuma yana raguwa yayin da girman ke raguwa, wanda shine al'ada na sikelin gani na font ɗin Inter.
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | faɗi |
| Mataki na asali | 8px |
| Maɓallin radius | 9999px |
| Radius na kati | 10px |
| Inuwar | babu - iyakoki maimakon inuwa |
| Tsakanin sassa | 160px |
| Faɗin shafi | 1216px |
AI za ta gina gidan yanar gizonku a cikin salon Slash 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
- Modal — Tashar phosphorescent a cikin ɗakin uwar garken da ke da duhu - tushen haske kawai shine launin kore mai haske
- AgentQL — Hasken Arewa a kan tashar da daddare
- GitHub — Allon umarni na sararin samaniya mai wuraren sarrafa bioluminescent - wurin aiki mai duhu, inda haske kore ɗaya ke nuna hanya gaba.
- Doppler — Hasken shunayya na ɗakin ajiyar kaya da tsakar dare. Zane mai kusan baƙi yana haskakawa da siginar lavender guda ɗaya da kuma hasken tabbatarwa kore, kowane saman yana lanƙwasa don a iya kama shi.
- Basedash — Tashar bayanai ta tsakar dare mai rubutu mai matte. Wurin lura mai duhu inda ma'auni ke haskaka shunayya da kore, kanun labarai na serif suna shawagi a sama da hayaniya, da kuma maɓallan fari masu siffar kwaya su ne kawai abubuwa masu haske a cikin ɗaki mai laushin saman baƙi.
- Superwhisper — Hasken arewa yana narkewa a kan gilashin tsakar dare
- Better Stack — Na'urar wasan bidiyo ta Midnight SRE
- Langbase — Na'urar wasan bidiyo ta Midnight Northern Lights
- Astro — Tsarin Jadawalin Sararin Samaniya mai haske ɗaya daga nebula
- Wayfinder — Allon fim mai baƙi mai taken da ba a iya ji sosai yana shawagi a saman hoton kai tsaye. Tsarin haɗin yana da zamiya mai haske maimakon allon sarrafawa.
- HashiCorp — Ɗakin sarrafawa da tsakar dare mai launin shuɗi neon wani wuri ne mai duhu na fasaha inda siffar murabba'i mai haske take aiki a matsayin kawai ma'aunin launi.
- Umbrel — Wurin wuta mai daɗi a ɗakin hidimar dare—ɗaki mai duhu inda haske ɗaya mai launin peach ke haskaka abin da ke da muhimmanci ƙwarai.