Dub
Akadomo k'impapuro z'umuceri za Link kakozwe mu buryo bwa matte
Sisitemu y'amashusho ya Dub ifite ubwiza buto, hafi ya SaaS: ibara ry'umweru rifatanye n'imipaka mito aho kuba ibintu bisohoka, hamwe n'inyuguti nini ya monochrome itanga inkunga y'imiterere n'ibara rimwe ry'ubururu bwerurutse (#2563eb) ritanga ibisobanuro. Ubuso buguma bugororotse kandi butagira fremu iyo urebye bwa mbere, ariko buri gasanduku gafite uburebure bwa 1px #e5e5e5, bigatera ishusho y'inyandiko yacapwe. Imiterere igerwaho binyuze mu mabara make y'amabara "pill" (orange, icyatsi kibisi, umuhengeri) areremba hejuru y'aho agaragara, n'imitwe yumva yizeye kandi agezweho nta kugaragara neza. Ibice bigize ni bito kandi binini: imiyoboro ya 8px, radius ya 12px ya karita, ibirango bifite ishusho ya pill kuri 9999px, n'ibikoresho bitagaragara aho gukoresha utubuto turemereye kandi twuzuye.
Urupapuro rwubatswe ku buryo bwo hagati bufite ubugari ntarengwa bwa pikseli 1200. Ikintu nyamukuru ni agace k'inyandiko gaherereye hagati gafite ibintu bitatu biremba (Gahunda z'ubufatanye, Isesengura ry'Ihinduranya, Amasano Magufi) gashyizwe hejuru y'uburyo bunini bw'ibicuruzwa. Ibice bitondetse bihagaze neza hamwe n'imiyoboro ihoraho ya pikseli 64, bisimburana hagati y'urupapuro rwera n'urumuri rw'impapuro #f5f5f5 kugira ngo bitandukanywe. Igice cyo hasi gikoresha uburyo bwa Z: inyandiko y'ubuvanganzo iri hagati hagati, kandi amakarita ya UI aremba afatanye n'impande z'ibumoso n'iburyo, bigatuma habaho injyana isa n'iya magazine. Ikimenyetso cy'ibicu ni grid yoroshye ya 5x2, iri hagati ku rupapuro. Navigation ni minimalist top bar - ikirango ibumoso, navigation hagati, itsinda ry'utubuto tubiri (akabuto k'"Injira" k'umwuka + akabuto kuzuye ka "Iyandikishe") iburyo - nta menu ihamye cyangwa nini. Imiterere y'idirishya rikuru yerekana imiterere ya porogaramu isanzwe ifite inkingi ebyiri: agace kadahinduka (gasa na 240px) + agace k'ibirimo gasobanura ubwinshi bw'amakuru y'ibicuruzwa ku bashyitsi mbere yuko batangira gushakisha.
Amashusho yibanda ku bicuruzwa, ntabwo yibanda ku mibereho. Ecran nyamukuru igaragara ku ifoto nini y'ikirango, igaragaza ishusho y'ibicuruzwa byo mu isi nyayo hamwe n'umurongo wo ku ruhande, imbonerahamwe y'amakuru, n'ibintu bya UI bihindagurika, byashyizwe ku ibara rirambuye ku ibara ry'umweru. Ibirango by'abakiriya byerekanwa mu muyoboro w'ubururu udasesenguye (beehiv, superpower, Chatbase, nibindi) kugira ngo byemere imikorere yabo ku mbuga nkoranyambaga, byakuweho ibara kugira ngo ikimenyetso cy'ubururu kimwe cy'urupapuro gikomeze kuba kinini. Amakarita y'abafatanyabikorwa azenguruka (porofayiro nto n'amatafari afite amakuru y'amafaranga yinjijwe/yishyurwa) agenda azenguruka uduce tw'inyandiko hasi, bigatuma habaho ubushishozi budakoresheje igicucu ku nyandiko ubwayo. Imiterere y'inyuma y'urupapuro rw'amadomo ni ikimenyetso cy'ikimenyetso: umurongo muto w'utudomo duto dufite ubugari buke cyane butuma habaho imiterere n'imiterere ya sisitemu y'igishushanyo/ubuso bw'igishushanyo, bigashimangira aho urubuga ruherereye nk "urubuga rugezweho rwo gutanga amakuru." Ishusho ni ntoya, ifite imirongo n'ibikubiye, kandi ikoresha ibara ry'ubururu (orange ya tangerine, lavender purple, mint green) ku birango by'ingenzi. Nta mafoto, amashusho, cyangwa moderi za 3D zikoreshwa—uburyo bwo gukoresha ibicuruzwa ubwabwo ni ururimi rugaragara.
Paleti
Ikirango
- Electric Blue
#2563eb— Ibara ry'ikirango cy'ibanze—ikirango, amasano, ibimenyetso by'ingenzi by'imikorere, imiterere ikora, n'inyuguti z'amashusho—birakoreshwa. Ubururu bwinshi ku ibara ry'umweru butuma sisitemu irushaho gukurura abantu. - Deep Sapphire
#1e40af— Inyuma nyamukuru y'akabuto k'igikorwa, ubwuzuza buto bw'inyuguti zitukura z'aho uhamagarira gukora—ibara ryonyine rigaragaza igikorwa—bikoreshwa gake kugira ngo bikurure abantu.
Ntaho bibogamiye
- Canvas White
#ffffff— Inyuma y'urupapuro, ubuso bw'ikarita, amadirishya afunguka ni byo shingiro ry'ishusho yose. - Paper Mist
#f5f5f5— Impinduka z'amabara zigaragara ku makarita yashyizwe mu gisenge, izindi paneli, n'ibyuzuza. - Ash
#e5e5e5— Imipaka mito iri ku makarita, imiyoboro y'injira n'imigabanyirize ni umurongo w'imiterere uhuza sisitemu. - Smoke
#d4d4d4— Imipaka ikarishye ku bikoresho byatoranijwe hamwe n'utubuto tw'inyongera. - Pebble
#c8c8c8— Imbibi, imiterere y'igenzura, n'ibitandukanya imiterere bifite itandukaniro riri hagati. Iri bara ntirigomba gukoreshwa nk'ibara ry'ibanze mu guhamagarira abantu gukora. - Midnight Ink
#0a0a0a— Inyandiko nyamukuru y'utubuto, utubuto twashyizwe ahagaragara, n'inyandiko yo kuzenguruka ni umukara cyane kugira ngo habeho itandukaniro rinini.
Imyandikire
kuva kuri 11 kugeza kuri 48px · Intambwe 9
- Satoshi — gusimbuza: Inter (weight 500 · imirongo 500 · Imitwe yo kwerekana - ikoreshwa gusa mu mirongo ya 36–48px ku mitwe y'inyuguti n'ibice. Uburemere bw'inyuguti - 500 (uburinganiye, ntabwo bugaragara nk'ubukomeye): Imitwe isa n'iy'inyuguti ifite icyizere kandi igezweho, ariko ntijya irusha imbaraga. Imiterere ya Satoshi ituma inyuguti zigaragara nk'izigezweho, ku buryo kopi y'umubiri wa Inter idashobora kwigana.
- Inter — gusimbuza: Inter (native) · imirongo 400, 500, 600 · Kopi y'umubiri, ibirango bya UI, uburyo bwo kugenda, imitwe mito, n'imitwe mito. Inter ni yo ikora cyane, ikora ibintu byose kuva kuri micro-labels za 11px kugeza kuri 30px imitwe ya kabiri. Uburemere bwa 400 ni bwo busanzwe bwo gukoporora umubiri, 500 ku bintu byagaragajwe n'ibirango by'utubuto, naho 600 ni yo igenewe ibirango by'ingenzi bya UI. 16px ifite uburebure bw'umurongo wa 1.5 ni yo ikunze kugaragara cyane mu ntambwe imwe (igaragara 1220), yemeza ko 16px ari ingano ya kopi y'umubiri.
- Geist Mono — gusimbuza: JetBrains Mono or IBM Plex Mono · imirongo 400, 500 · Uduce twa kode, amakuru ya tekiniki, n'ibimenyetso byashyizwemo ahantu hamwe bikoreshwa mu bice by'ikode kuri 12–14px no mu bice binini byo kwerekana kode kuri 24px. Ibi byemeza ko igikoresho cy'umushinga w'ikoranabuhanga cyizewe, hakurikijwe aho Dub ihagaze.
Intera n'imiterere
| Intego | Ubusobanuro |
|---|---|
| Ubucucike | impuzandengo |
| Intambwe y'ibanze | 8px |
| Umurambararo w'ubuto | 8px |
| Umwanya w'ikarita | 12px |
| Ibicucu | oya - imipaka aho kuba igicucu |
| Hagati y'ibice | 64px |
| Ubugari bw'ipaji | 1200px |
AI izubaka urubuga rwawe mu buryo bwa Dub 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
- ElevenLabs — Inyandiko y'amafoto mu mabara ashyushye afite imitwe y'amajwi. Ikaye imeze nk'iya Bauhaus—impapuro z'amabara y'igi, wino y'umukara, n'ibara rimwe ry'umuhengeri n'umuhondo wo kwerekana ibicuruzwa.
- Awesomic — Uduce tw'inyandiko twa zinc dufite utumenyetso tw'icunga twibutsa confetti
- Monad — ikinyamakuru cy'ubuhanga ku nyandiko zishyushye
- Seline Analytics — Imbonerahamwe ituje yo gusesengura ku mpapuro zishyushye
- Notion — Ikaye ishyushye ku zuba rya saa sita
- Anthropic — Ikinyamakuru cya siyansi kivuga ku ruhu rushyushye rw'amaboko y'inzovu, imitwe y'inyandiko isobanutse neza, n'imvugo imwe y'ibumba igaragara gusa iyo hakenewe igikorwa.
- Calendly — Wino y'ubururu bwijimye ku mabuye akonje
- Augen Pro — Ishusho y'umweru ya Apple igaragaza ubururu budafite uburemere, bukoresha amashanyarazi nk'uburyo bwonyine bwo gushyira mu mwanya wa monochrome.
- Antimetal — Inkuru y'ubwanditsi ku nyandiko nziza—igitondo gituje mu kinyamakuru cya siyansi, aho kwifata bigaragaza icyizere naho abasirikare bakuru bakarushaho kwitwara neza
- Perk — Ishishwa ry'amashanyarazi ku mpapuro zishyushye zo mu bwoko bwa "parchment"
- Ditto — Akazu k'izuba gatanga ingero z'indabyo zo mu gasozi. Ubuso bushyushye bw'amata, ibara ry'umuhondo ugaragara, wino y'ubururu bwijimye, amabara y'umwimerere arakura inyuma y'igice.
- Officevibe — Ikinyamakuru cy’umwanditsi ku mpapuro zishyushye zifite ibara ry’umutuku. Tekereza inyandiko ishishikaje ku micungire y’abakozi, igaragazwa nk'umusaruro—inyuguti y’ubururu ikoresha umurongo ngenderwaho w’ubururu bugezweho.