Slash
Icyumba cyo mu gicuku gifite impapuro z'agaciro za zahabu
Slash ikora mu buryo bwa "night gallery": "canvas" y'umukara hafi ya wose, inyuguti y'umweru, n'inyuguti imwe y'umuringa ishyushye ikoreshwa nk'ibimenyetso by'utwanditsi. Imitwe y'amakuru igaragara muri Ivy Presto, "serif" ya "didone" ikoreshwa mu bunini bukabije (kugeza kuri 88px)—uku guhuza kw'inyuguti za serif na sans-serif ni ikimenyetso cya sisitemu, iguha agaciro k'imari nta gaciro k'ubucuruzi nk'uko bisanzwe mu mabanki. Ibindi bice by'inyuguti bikoreshwa ntibigaragazwa nkana: imipaka mito, uburyo bwo kugenzura bumeze nk'ifishi, inyandiko ntoya ya 16px, n'uburyo bworoshye bwo gutuma ubwoko buhumeka. Ibara rimwe rya zahabu (umurongo w'imbonerahamwe, "microaccents") ryongera ubushyuhe kuri sisitemu ya monochrome, bigakurura urumuri rushyushye rwa terminal ya Bloomberg yubatswe ku bw'abareba igishushanyo.
Ibikubiye muri iki gitabo bifite ubugari bwa pikseli 1216, hagati, hamwe n'imiyoboro ihagaze ya pikseli 160. Ecran yo mu rugo ni uruhu rw'umukara, rufite ubugari bwuzuye hamwe n'imiterere igabanyijemo kabiri: umutwe wa serif ugororotse (ubugari bwa pikseli 64–88) ufite agace k'aderesi imeri hepfo, hamwe n'ikarita nini y'ibicuruzwa (ishusho y'ikimenyetso) iburyo ku bugari bwa 50%. Ibice bikurikira bikoresha umutwe umwe, hagati (serif, ubugari bwa pikseli 44–64) ufite umutwe muto muri Inter, hagakurikiraho imiyoboro itatu y'amakarita yo gusobanura imiterere/ubuhamya/blogs. Uburyo bwo kuzenguruka ni umurongo wo hejuru udahinduka: ikirango ibumoso, menu yo hagati (Isosiyete, Ibicuruzwa, Ibisubizo, Abakiriya, Ibiciro, Ibibazo Bikunze Kubazwa), kwinjira iburyo (bitagaragara), no gutangira (ikintu cyuzuye cyera). Inyuma y'ikimenyetso hari umurongo munini w'inkingi eshanu w'amahuza n'amakuru y'ikigo n'amatangazo y'amategeko. Urupapuro rusimburana hagati y’ibice by’urusobe rw’amakuru bikungahaye ku bikubiye mu nkuru n’ibipimo bya ecran yuzuye—umuvuduko ushyirwaho n’umwanya munini w’umweru uri hagati y’inkingi aho gusimburana n’amabara y’inyuma (urupapuro rwose rugaragazwa nk’urusobe rumwe, rwuzuye).
Amafoto ni ay’ubuvanganzo kandi ashingiye ku bidukikije: amashusho ashyushye y’abashinze n’abagize itsinda mu buzima bwabo bwa buri munsi (ibiro, ibyumba byo kubamo, aho bwubatsi). Amashusho yuzuza amakarita impande zose, nta gipfundikizo. Ibara ryijimye rikoreshwa hasi ku makarita y’ubuhamya kugira ngo yongere uburyo bwo gusoma inyandiko. Ubwiza—"LinkedIn ihura n’ikinyamakuru cy’ubuvanganzo"—ni ikintu gisanzwe, ni ubw’abantu, kandi butuje gato, ntibugira ibara ry’amafoto. Udushusho tw’ingingo duhuza amafoto n’ibitekerezo by’amashusho (umuntu uhagaze mu kirahuri, umuriro uriho amasakoshi y’amafaranga). UI y’iki gicuruzwa igaragara mu buryo bwijimye ifite isura y’urumuri, iri hejuru y’urupapuro ku buso bwijimye budasobanutse—ikintu cy’ingenzi. Udushusho ni monochrome ifite imivugo ya 1px muri #2e3038 cyangwa #777a88, ntituzuyemo ibara ry’ikirango.
Paleti
Ntaho bibogamiye
- Bone
#e2e3e9— Ingano nini y'inyuguti ku nyandiko y'ibanze, ibirango by'amakuru arambuye, n'ijwi risanzwe ry'inyandiko ku bintu byinshi bya UI. - Obsidian
#08080a— Urupapuro rw'inyuma, inyuma y'inyuma, ubuso bwijimye cyane ni nk'umukara hamwe n'umuhondo w'ubururu budasobanutse neza. - Onyx
#040406— Ubuso bw'ikarita, inyuma y'inyongera, buri ku ntambwe imwe y'ubujyakuzimu kurusha urupapuro kugira ngo haboneke ingaruka zigaragara. - Carbon
#121317— Amapaneli yazamuwe, kuzuza UI idasobanutse - intambwe ya mbere yoroheje mu iterambere rya Surface Stack - Graphite
#1c1d22— Imipaka, ibice bigabanya, ibikoresho by'inyuguti, ibyuma bigenzura—ibara ryoroheje cyane rigaragaza imiterere. - Slate
#2e3038— Imbibi z'inyongera, imirongo y'inyuguti idasobanutse, ibice bito bitandukanya ibikubiye mu nyandiko.
Imyandikire
kuva kuri 13 kugeza kuri 88px · Intambwe 9
- Ivy Presto — gusimbuza: Playfair Display · imirongo 400, 500 · Inyuguti ya serif ku mitwe n'imitwe mito—ikoreshwa gusa ku mitwe n'imitwe y'ibice kuri pikseli 28 no hejuru. Imirongo ya didone itandukanye cyane hamwe na serif ntoya ituma umuntu yumva ko ari mwiza mu kwandika; intera nto y'inyuguti nziza ya 0.01em ntabwo idasanzwe kandi ituma inyuguti igaragara nk'iyanditse, isa n'iya konti. Iyi nyuguti ya serif niyo karita nyamukuru y'ikirango—itandukanya Slash n'izindi sosiyete zose za SaaS fintech zikoresha inyuguti za sans-serif za geometric.
- Inter — gusimbuza: Inter (self-hosted via Google Fonts) · imirongo 300, 400, 500, 600, 700 · UI Sans—inyandiko nyamukuru, uburyo bwo gushakisha, utubuto, ibirango, amasano, amashami y’ifishi, n’imitwe mito. Inyandiko nyamukuru ikoresha inyuguti 300 ku nyandiko y’inyongera idasobanutse; 500 ikoreshwa ku nyandiko y’ibanze n’ibirango by’utubuto; 600 igenewe ibirango by’icyiciro byanditse mu nyuguti nto. Intera y’inyuguti mbi igabanuka kuva kuri 2 (-3) ikagabanuka uko ingano igabanuka, ibi bikaba ari ibisanzwe ku gipimo cy’inyuguti ya Inter.
Intera n'imiterere
| Intego | Ubusobanuro |
|---|---|
| Ubucucike | nini |
| Intambwe y'ibanze | 8px |
| Umurambararo w'ubuto | 9999px |
| Umwanya w'ikarita | 10px |
| Ibicucu | oya - imipaka aho kuba igicucu |
| Hagati y'ibice | 160px |
| Ubugari bw'ipaji | 1216px |
AI izubaka urubuga rwawe mu buryo bwa Slash kandi irwuzuze
- Uzuza ibicuruzwa n'inyandiko ukoresheje link - Instagram, TikTok, Facebook.
- Kuramo ibikubiye ku rubuga rwawe rwa kera—shyiraho aderesi gusa.
- Igishushanyo mbonera gigezweho kuri moteri nziza: React ( Next.js) hamwe no gukora neza kwa seriveri no kunoza SEO.
- Gukora SEO neza byikora ku buryo bwikora kugira ngo habeho ibisubizo by'ishakisha n'inama ku miyoboro y'ubwonko.
Imiterere isa
- Modal — Ikirahuri cy'umusemburo wa fosforasi mu cyumba cy'umusemburo wijimye - isoko y'urumuri yonyine ni ibara ry'icyatsi kibisi
- AgentQL — Amatara yo mu majyaruguru hejuru y'aho indege ihagarara nijoro
- GitHub — Akabati k'amabwiriza y'ikirere gafite aho kugenzura urumuri rw'ikirere—ahantu hijimye kandi hafite ikirere aho urumuri rumwe rw'icyatsi kibisi rugaragaza inzira imbere.
- Doppler — Itara ry'umuhengeri ry'icyumba cyo mu nzu rigaragara mu gicuku. Ikariso hafi y'umukara irabagirana n'ikimenyetso kimwe cya lavender n'urumuri rw'icyatsi kibisi, ubuso bwose bugoramye bihagije ku buryo umuntu yabufata.
- Basedash — Aho amakuru aboneka nijoro hafite inyuguti zitagaragara. Ahantu ho kugenzura hijimye aho ibipimo byerekana ibara ry'umuhengeri n'icyatsi kibisi, imitwe y'amakuru agaragara hejuru y'urusaku, kandi utubuto tw'umweru dusa n'udupira ni two twonyine dutanga urumuri mu cyumba cy'ubuso bw'umukara bworoshye.
- Superwhisper — Amatara yo mu majyaruguru arashonga hejuru y'ikirahure cyo mu gicuku
- Better Stack — Konsole ya SRE yo mu gicuku
- Langbase — Konsole y'amatara ya Northern Lights yo mu gicuku
- Astro — Igenzura ry'ubutumwa bw'ikirere cyimbitse hamwe n'urumuri rumwe rw'umuhengeri ruturutse ku ruziga rw'ibara ry'umuhengeri
- Wayfinder — Ecran y'umukara ifite umutwe w'amajwi make uri hejuru y'igishushanyo cy'imbonankubone. Interineti ni slider ikoresha urumuri aho kuba panel igenzura.
- HashiCorp — Icyumba cyo kugenzura saa sita z'ijoro gifite neon y'umuhengeri ni ubuso bw'ikoranabuhanga bwijimye aho agace ka rubura ka hexagonal kaba ari ko konyine gakoreshwa mu kwerekana ibara.
- Umbrel — Aho umuriro ucanira mu cyumba cyo kuraramo cy’abakoresha nijoro—icyumba cyijimye aho urumuri rumwe rusa n’urumuri rugaragaza iby’ingenzi by’ukuri.