Telegramu, WhatsApp+380637610482
Valery Danyuk
Valery Danyukmsanidi programuKutengeneza zana za AI kwa ajili ya biashara. Ubora wa juu. Nafuu.Andika kwenye Telegram
Slash — onyesho la awali la tovuti katika mtindo huu

Slash

Hifadhi ya usiku wa manane yenye leja zilizopambwa kwa dhahabu

Slash hufanya kazi katika hali ya ghala ya usiku wa manane: turubai nyeusi karibu, aina nyeupe, na lafudhi moja ya shaba yenye joto inayotumika kama uakifishaji. Vichwa vya habari vinaonyeshwa katika Ivy Presto, serif ya didone yenye utofauti mkubwa inayotumika katika ukubwa uliokithiri (hadi pikseli 88)—mgongano huu wa herufi za serif na sans-serif ndio sahihi ya mfumo, na kuipatia uzito wa kifedha bila uzito wa udalali wa benki ya jadi. Sehemu iliyobaki ya kiolesura cha mtumiaji imepunguzwa kimakusudi: mipaka nyembamba, vidhibiti vyenye umbo la kidonge, maandishi madogo ya mwili ya pikseli 16, na uboreshaji mdogo ili kuruhusu aina kupumua. Mteremko mmoja wa dhahabu (mstari wa chati, lafudhi ndogo) huongeza joto kwenye mfumo wa monochrome, na kuamsha mwangaza wa joto wa kituo cha Bloomberg kilichojengwa kwa hadhira ya muundo.

Maudhui yana upana wa pikseli 1216, katikati, na mifereji ya wima ya pikseli 160. Skrini ya nyumbani ni turubai nyeusi, yenye upana kamili yenye muundo uliogawanyika: kichwa cha serif kilichopangwa kushoto (pikseli 64–88) chenye sehemu ya anwani ya barua pepe hapa chini, na kadi kubwa ya UI ya bidhaa (picha ya dashibodi) upande wa kulia kwa upana wa 50%. Sehemu zinazofuata hutumia kichwa cha safu moja, kilicho katikati (serif, upana wa pikseli 44–64) chenye kichwa kidogo katika Inter, ikifuatiwa na gridi tatu za kadi kwa maelezo ya vipengele/ushuhuda/blogu. Usogezaji ni upau wa juu usiobadilika: nembo upande wa kushoto, menyu ya kati (Kampuni, Bidhaa, Suluhisho, Wateja, Bei, Maswali Yanayoulizwa Mara kwa Mara), kuingia kwenye mpangilio wa kulia (hakuonekani), na kuanza (kipengele cheupe kilichojazwa). Kijachini kina gridi mnene ya safu tano ya viungo vyenye taarifa za kampuni na arifa za kisheria. Ukurasa hubadilishana kati ya sehemu za gridi zenye maudhui mengi na takwimu za skrini nzima—mdundo huanzishwa na nafasi nyeupe kubwa kati ya safu wima badala ya kubadilisha rangi za usuli (ukurasa mzima unawasilishwa kama turubai moja, iliyounganishwa).

Upigaji picha ni wa uhariri na wa asili: picha za joto za waanzilishi na wanachama wa timu katika mazingira yao halisi ya kazi (ofisi, sebule, maeneo ya ujenzi). Picha hujaza fremu za kadi ukingo hadi ukingo, bila pedi. Mteremko mweusi hutumika chini ya kadi za ushuhuda ili kuboresha usomaji wa maandishi. Urembo—"LinkedIn hukutana na jarida la uhariri"—ni wa kawaida, wa kibinadamu, na umenyamazishwa kidogo, haujawahi kung'arishwa na upigaji picha wa hisa. Vijipicha vya makala huchanganya picha na dhana zilizoonyeshwa (mtu amesimama kwenye maze, mahali pa moto na mifuko ya pesa). Kiolesura cha mtumiaji cha bidhaa huonyeshwa katika hali nyeusi na uwazi kamili, kikielea juu ya ukurasa kwenye nyuso nyeusi kidogo—kipengele kikuu. Aikoni ni monochrome zenye viboko vya pikseli 1 katika #2e3038 au #777a88, hazijajazwa kamwe na rangi ya chapa.

Paleti

Isiyoegemea upande wowote

  • Bone #e2e3e9 — Ukubwa mkubwa wa fonti kwa maandishi ya msingi, lebo za data zenye maelezo, na sauti ya kawaida ya maandishi katika vipengele vingi vya UI.
  • Obsidian #08080a — Turubai ya ukurasa, mandharinyuma ya chini, uso mweusi zaidi ni karibu mweusi na rangi ya bluu hafifu.
  • Onyx #040406 — Uso wa kadi, mandharinyuma ya ziada, ni hatua moja zaidi kuliko ukurasa kwa athari ya kuona.
  • Carbon #121317 — Paneli zilizoinuliwa, kujaza kiolesura kisichoonekana - hatua ya kwanza nyepesi zaidi katika mageuzi ya Surface Stack
  • Graphite #1c1d22 — Mipaka, vigawanyi, vyombo vya aikoni, vitelezi vya kudhibiti—kivuli kidogo zaidi cha rangi kinachofafanua muundo.
  • Slate #2e3038 — Mipaka ya ziada, mistari ya aikoni iliyozimwa, vigawanyiko fiche kati ya vizuizi vya maudhui.

Uchapaji

kutoka pikseli 13 hadi 88 · hatua 9

  • Ivy Presto — mbadala: Playfair Display · mihtasari 400, 500 · Fonti ya serif kwa vichwa vya habari na vichwa vidogo—inayotumika pekee kwa vichwa vya habari na vichwa vya habari vya sehemu kwa pikseli 28 na zaidi. Mistari ya didone yenye utofauti mkubwa na serif nyembamba huunda hisia ya anasa ya uhariri; nafasi ndogo ya herufi chanya ya 0.01em si ya kawaida na huipa fonti mwonekano uliochapishwa, kama wa uhasibu. Fonti hii ya serif ndiyo kadi kuu ya chapa—inatofautisha Slash na kampuni zingine zote za fintech za SaaS ambazo hutumia fonti za kijiometri bila serif.
  • Inter — mbadala: Inter (self-hosted via Google Fonts) · mihtasari 300, 400, 500, 600, 700 · UI Sans—maandishi makuu, urambazaji, vitufe, lebo, viungo, sehemu za fomu, na vichwa vidogo. Maandishi makuu hutumia fonti 300 kwa maandishi ya pili yasiyoonekana; 500 hutumika kwa maandishi ya msisitizo wa wastani na lebo za vitufe; 600 imehifadhiwa kwa lebo za kategoria zilizoandikwa kwa herufi kubwa ndogo. Nafasi ya herufi hasi hupungua kutoka 2 (-3) na hupungua kadri ukubwa unavyopungua, ambayo ni kawaida ya upimaji wa macho wa fonti ya Inter.

Vipindi na umbo

KusudiMaana
Uzitowasaa
Hatua ya msingi8px
Kipenyo cha kitufe9999px
Redi ya kadi10px
Vivulihapana - mipaka badala ya vivuli
Kati ya sehemu160px
Upana wa ukurasa1216px

AI itaunda tovuti yako kwa mtindo wa Slash na kuijaza

  • Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
  • Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
  • Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
  • Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.

Mitindo inayofanana

  • Modal — Kifaa cha fosforasi katika chumba cha seva chenye giza - chanzo pekee cha mwanga ni rangi ya kijani kibichi
  • AgentQL — Taa za Kaskazini juu ya kituo usiku
  • GitHub — Paneli ya amri ya anga yenye sehemu za kudhibiti mwangaza wa kibiolojia—sehemu ya kazi yenye giza, angavu ambapo mwangaza mmoja wa kijani huelekeza njia mbele.
  • Doppler — Taa ya zambarau ya chumba cha kuhifadhia vitu usiku wa manane. Turubai nyeusi karibu inang'aa kwa ishara moja ya lavender na taa ya kijani kibichi ya uthibitisho, kila uso umepinda vya kutosha kushikiliwa.
  • Basedash — Kituo cha data cha usiku wa manane chenye fonti isiyong'aa. Kituo cha uchunguzi cheusi ambapo vipimo vinang'aa zambarau na kijani, vichwa vya habari vya serif vinaelea juu ya kelele, na vifungo vyeupe vyenye umbo la kidonge ndivyo vitu pekee vinavyong'aa katika chumba chenye nyuso nyeusi laini.
  • Superwhisper — Taa za kaskazini huyeyuka juu ya kioo cha usiku wa manane
  • Better Stack — Kiweko cha SRE cha Usiku wa Manane
  • Langbase — Kiweko cha Taa za Kaskazini za Usiku wa Manane
  • Astro — Udhibiti wa Misheni ya Anga za Juu kwa mwanga mmoja wa zambarau kutoka kwa nebula
  • Wayfinder — Skrini nyeusi ya filamu yenye kichwa kisichosikika vizuri kinachoelea juu ya mchoro wa moja kwa moja. Kiolesura ni kitelezi cha mwangaza badala ya paneli ya kudhibiti.
  • HashiCorp — Chumba cha kudhibiti usiku wa manane chenye neon ya zambarau ni uso mweusi wa kiufundi ambapo mchemraba wa hexagonal unaong'aa hutumika kama marejeleo pekee ya rangi.
  • Umbrel — Sehemu ya moto yenye utulivu katika chumba cha wahudumu wa usiku—chumba chenye giza ambapo mwangaza mmoja wa peachi huangazia kile ambacho ni muhimu kweli.