Slash
Setšabelo sa bosiu bo boholo se nang le libuka tsa mokitlane tse khabisitsoeng ka khauta
Slash e sebetsa ka mokhoa oa gallery oa bosiu: canvas e batlang e le ntšo, mofuta o mosoeu, le molumo o le mong o mofuthu oa koporo o sebetsang e le matšoao a puo. Lihlooho tsa litaba li bontšoa ho Ivy Presto, serif ea didone e fapaneng haholo e sebelisoang ka boholo bo feteletseng (ho fihlela ho 88px)—khohlano ena ea mefuta ea serif le sans-serif ke letšoao la sistimi, e e fang matla a lichelete ntle le matla a brokerage a banka ea setso. Karolo e setseng ea sebopeho sa mosebelisi e nyenyefalitsoe ka boomo: meeli e mesesaane, litsamaiso tse bōpehileng joaloka pilisi, mongolo o monyane oa 'mele oa 16px, le ho phahama ho poteletseng ho lumella mofuta ho hema. Gradient e le 'ngoe ea khauta (mola oa chate, li-microaccents) e eketsa mofuthu tsamaisong ea monochrome, e tsosang khanya e mofuthu ea terminal ea Bloomberg e hahiloeng bakeng sa bamameli ba moralo.
Dikahare di bophara ba 1216px, di bohareng, di na le di-gutter tse otlolohileng tsa 160px. Skrine sa lapeng ke canvas e lefifi, e bophara bo felletseng e nang le sebopeho se arohaneng: hlooho ya serif e otlolohileng ka letsohong le letshehadi (bophara ba 64–88px) e nang le tshimo ya aterese ya imeile ka tlase, le karete e kgolo ya UI ya sehlahiswa (setshwantsho sa dashboard) ka ho le letona ka bophara ba 50%. Dikarolo tse latelang di sebedisa hlooho ya kholomo e le nngwe, e bohareng (serif, bophara ba 44–64px) e nang le sehloohoana ho Inter, e latelwa ke di-grid tsa dikarata tse tharo bakeng sa ditlhaloso/bopaki/di-blog. Tsamaiso ke bare e ka hodimo e tsitsitseng: letshwao ka letsohong le letshehadi, lenane le bohareng (Khamphani, Dihlahiswa, Ditharollo, Bareki, Ditheko, Dipotso Tse Botswang Khafetsa), ho kena ka letsohong le letona (ho sa bonahaleng), le ho qala (karolo e tletseng bosweu). Botlaaseng ba leqephe bo na le grid e teteaneng ya dikholomo tse hlano ya dihokelo tse nang le tlhahisoleseding ya khamphani le ditsebiso tsa molao. Leqephe le fapanyetsana pakeng tsa dikarolo tsa gridi e nang le dikahare tse ngata le dipalopalo tsa skrine e felletseng—moribo o thehwa ke sebaka se seholo se sesweu pakeng tsa dikholomo ho ena le ka ho fapanyetsana mebala ya bokamorao (leqephe lohle le hlahiswa e le kanavase e le nngwe, e kopaneng).
Ho nka difoto ke ha mohlophisi le tlhaho: ditshwantsho tse mofuthu tsa bathehi le ditho tsa sehlopha dibakeng tsa bona tsa mosebetsi tsa sebele (diofisi, dikamore tsa ho phomola, dibaka tsa kaho). Ditshwantsho di tlatsa diforeimi tsa dikarata ka lehlakoreng le leng, ntle le ho ba le padding. Gradient e lefifi e sebediswa botlaaseng ba dikarata tsa bopaki ho ntlafatsa ho balwa ha mongolo. Botle—"LinkedIn e kopana le makasine wa mohlophisi"—ke ba tlhaho, ba botho, mme bo kgutsisitswe hanyane, ha bo so ka bo bentshwa ka difoto tsa setoko. Ditshwantsho tse nyane tsa dingolo di kopanya difoto le mehopolo e bontshitsweng (motho ya emeng ka hara maze, sebaka sa mollo se nang le mekotla ya tjhelete). UI ya sehlahiswa e bontshwa ka mokgwa o lefifi ka ho se bonahale hantle, e phaphametse ka hodima leqephe hodima dibaka tse lefifi tse poteletseng—karolo e bohareng. Ditshwantsho ke monochrome tse nang le di-stroke tsa 1px ho #2e3038 kapa #777a88, ha ho mohla di tlatswang ka mmala wa letshwao.
Palete
Lehlakore
- Bone
#e2e3e9— Boholo ba mongolo o moholo bakeng sa mongolo wa mantlha, mabitso a data a qaqileng, le modumo o tloaelehileng wa mongolo ho pholletsa le dikarolo tse ngata tsa UI. - Obsidian
#08080a— Letlapa la leqephe, bokamorao ba tlase, bokaholimo bo lefifi ka ho fetisisa bo batla bo le botšo ka 'mala o moputsoa o sa bonahaleng. - Onyx
#040406— Bokaholimo ba karete, bokamorao bo eketsehileng, bo tebile ho feta leqephe bakeng sa phello e bonahalang. - Carbon
#121317— Liphanele tse phahamisitsoeng, ho tlatsa UI ho sa sitiseng - mohato oa pele o bobebe haholo phetohong ea Surface Stack - Graphite
#1c1d22— Meeli, likarohano, lijana tsa matšoao, li-slider tsa taolo—mobala o poteletseng ka ho fetisisa o hlalosang sebopeho. - Slate
#2e3038— Meeli e meng, mela ea matšoao a khutsitseng, likarohano tse poteletseng lipakeng tsa li-block tsa litaba.
Mongolo oa mongolo
ho tloha ho 13 ho isa ho 88px · mehato e 9
- Ivy Presto — sebaka: Playfair Display · meralo 400, 500 · Fonte ea serif bakeng sa lihlooho le lihloohoana—e sebelisetsoang lihlooho le lihloohoana tsa likarolo feela ho 28px le ho feta. Methapo ea didone e fapaneng haholo e nang le li-serif tse tšesaane e etsa hore ho be le maikutlo a mabothobotho a bohlophisi; sebaka se senyenyane sa litlhaku tse ntle sa 0.01em ha se tloaelehe 'me se fa fonte ponahalo e hatisitsoeng, e kang ea boikarabello. Fonte ena ea serif ke karete ea mantlha ea lebitso la k'hamphani—e khetholla Slash ho lik'hamphani tse ling tsohle tsa SaaS fintech tse sebelisang lifonti tsa sans-serif tsa geometrical ka ho sa feleng.
- Inter — sebaka: Inter (self-hosted via Google Fonts) · meralo 300, 400, 500, 600, 700 · UI Sans—mongolo o ka sehloohong, ho tsamaya, dikonopo, dilaebele, dihokelo, masimo a foromo le dihloohoana. Mongolo o ka sehloohong o sebedisa fonte ya 300 bakeng sa mongolo wa bobedi o sa totobaleheng; 500 e sebedisetswa mongolo o bohareng le dilaebele tsa dikonopo; 600 e boloketswe dilaebele tsa sehlopha tse ngotsweng ka di-cap tse nyane. Sebaka sa ditlhaku tse mpe se fokotseha ho tloha ho 2 (-3) mme se fokotseha ha boholo bo fokotseha, e leng ntho e tlwaelehileng bakeng sa ho lekanya ha optical ya fonte ya Inter.
Likheo le sebopeho
| Morero | Moelelo |
|---|---|
| Botenya | se seholo |
| Mohato oa motheo | 8px |
| Radiyo ea konopo | 9999px |
| Radiyo ya karete | 10px |
| Meriti | che - meeli ho e-na le meriti |
| Pakeng tsa likarolo | 160px |
| Bophara ba leqephe | 1216px |
AI e tla haha websaete ea hau ka setaele sa Slash 'me e e tlatse
- Tlatsa ka lihlahisoa le lingoliloeng ka sehokelo - Instagram, TikTok, Facebook.
- Fetisetsa dikahare ho tloha sebakeng sa hao sa marang-rang sa kgale—hlalosa aterese feela.
- Moralo oa sejoale-joale enjeneng e ntle ka ho fetisisa: React ( Next.js) ka tlhahiso ea seva le ntlafatso ea SEO ka ho feletseng.
- Ntlafatso ea SEO e iketsahalletseng ka botlalo bakeng sa liphetho tsa lipatlisiso le likhothaletso tsa marang-rang a methapo ea kutlo.
Mekhoa e tšoanang
- Modal — Seteishene sa phosphorescent ka phapusing e lefifi ea seva - mohloli o le mong feela oa leseli ke 'mala o motala o khanyang
- AgentQL — Mabone a Leboea a holim'a terminal bosiu
- GitHub — Phanele ea litaelo tsa sebaka e nang le lintlha tsa taolo ea bioluminescent—sebaka sa mosebetsi se lefifi, se nang le sepakapaka moo khanya e le 'ngoe e tala e supang tsela e eang pele.
- Doppler — Mabone a pherese a lephepheng bosiu. Lesela le batlang le le letšo le khanya ka lets'oao le le leng la lavender le lebone le letala la tiiso, karolo e 'ngoe le e 'ngoe e kobehile ka ho lekaneng hore e ka tšoaroa.
- Basedash — Seteishene sa data sa bosiu se nang le mongolo o sa hlakang. Sebaka sa ho shebella se lefifi moo di-metrics di phatsimang ka pherese le botala, dihlooho tsa serif di phaphamalang ka hodima lerata, mme dikonopo tse tshweu tse bōpehileng jwalo ka pilisi ke tsona feela dintho tse kganyang ka phapusing ya dibaka tse bosootho tse bonolo.
- Superwhisper — Mabone a leboea a qhibiliha holim'a khalase ea bosiu
- Better Stack — Khonsole ea SRE ea bosiu
- Langbase — Khomphutha ea Mabone a Leboea a Bosiu ba Bosiu
- Astro — Taolo ea Mosebetsi oa Sebaka se Tebileng ka khanya e le 'ngoe e pherese e tsoang nebula
- Wayfinder — Skrine e ntšo ea filimi e nang le sehlooho se sa utloahaleng hantle se phaphametseng ka holim'a setšoantšo se phelang. Sebopeho ke selaete sa khanya ho fapana le phanele ea taolo.
- HashiCorp — Kamore ea taolo har'a mp'a bosiu e nang le neon e pherese ke sebaka se lefifi sa botekgeniki moo kyubi e benyang ea mahlakore a tšeletseng e sebetsang e le eona feela referense ea 'mala.
- Umbrel — Sebaka se setle sa ho tjhesa mollo ka phapusing ya ho sebeletsa bosiu—kamore e lefifi moo kganya e le nngwe e kang ya perekisi e totobatsang seo e leng sa bohlokwa e le kannete.