Ui
gahunda y'ubuvuzi ku mpapuro zidakozwe mu matte
shadcn/ui ni ikigo cyo gukora sisitemu yo gushushanya ya monochrome: ibara ry'umweru risukuye, ubuso bworoshye bushyushye bw'ikijuju, n'amakarita manini y'uburebure ashyizwe ku mipaka mito cyane. Interineti hafi ya yose ni achromatic - inyandiko y'umukara, ubuso bwera, amabara y'ikijuju - hamwe n'ibara rimwe ritukura ribangamira rigenewe imiterere y'amakosa nta kindi. Imyandikire ishingiye kuri Geist's geometric neutral hamwe n'uburebure bw'inyuguti buto kuri ecran, bigatuma habaho ituze, nk'iry'inyuguti rimeze nk'ibikorwa remezo by'abakora porogaramu kuruta ibicuruzwa by'abaguzi.
Amashusho make—sisitemu igizwe hafi ya yose n’uburyo bwo kuyikoresha. Nta mafoto y’ingenzi, amashusho, cyangwa amashusho yo gushushanya. Ibikoresho byerekana amashusho bigaragazwa nk’ibice bya mockup (amakarita, imirima yo kwinjiramo, utubuto) muri grid, bikoreshwa nk’inyandiko n’ibiboneka. Udushusho ni imirongo mito y’ubugari (ishobora kuba yarakuwe muri Lucide) ifite ubugari bwa 1.5–2px muri #0a0a0a cyangwa #737373, ikoreshwa gake nk’ibimenyetso by’imikorere. Ururimi rw’amashusho ni ibice bya UI ubwabyo—urupapuro rukora nk’ubuyobozi bw’imiterere mizima, aho buri gice kigaragara ari ikintu cy’igishushanyo kigaragara.
Paleti
Ntaho bibogamiye
- Canvas
#f5f5f5— Inyuma y'urupapuro, kuzuza ubuso butuje, utubuto tw'inyongera. - Paper
#ffffff— Imiterere y'amakarita, inyuma hagaragara, kuzuza buto z'ibanze - Surface Alt
#fafafa— Inyuma y'umurongo wo ku ruhande, amahitamo y'ikarita adasobanutse, imiterere y'aho umuntu yinjira. - Ink
#0a0a0a— Inyandiko nyamukuru, imitwe, utubuto, imbonerahamwe y'utumenyetso. - Ink Soft
#171717— Amashusho y'inyuma y'utubuto afite inyandiko yuzuzwa, yiyongereyeho ku buso bw'urumuri. - Mid Gray
#737373— Inyandiko nyamukuru, inyandiko y'aho iherereye, utumenyetso tw'inyongera, n'inyuguti z'inyuma byose byarafunzwe.
Imyandikire
kuva kuri 12 kugeza kuri 48px · Intambwe 8
- Geist — gusimbuza: Inter · imirongo 400, 500, 600 · Inyandiko zose zikoreshwa mu guhuza inyandiko—inyandiko y’umubiri ifite uburemere bw’umurongo wa 14px/400, imitwe ifite uburemere bw’umurongo wa 24–48px/600, n’utubuto dufite uburemere bw’umurongo wa 13–14px/500. Imiterere y’inyuguti za Geist n’uburemere bw’umurongo umwe bitanga ishusho idafite aho ihuriye n’ibikoresho by’abategura porogaramu; uburemere bw’umurongo wa 600 bufite intera y’inyuguti za 48px n’intera y’inyuguti za -0.05em bitanga imitwe isobanutse kandi yizewe isa n’iy’ubwenge aho guhindurwa.
Intera n'imiterere
| Intego | Ubusobanuro |
|---|---|
| Ubucucike | bunini |
| Intambwe y'ibanze | 8px |
| Umurambararo w'ubuto | 18px |
| Umwanya w'ikarita | 24px |
| Ibicucu | oya - imipaka aho kuba igicucu |
| Hagati y'ibice | 48-80px |
| Ubugari bw'ipaji | 1280px |
AI izubaka urubuga rwawe mu buryo bwa Ui 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
- Ventriloc — Isuzuma ry'amakuru ku mpapuro zishyushye - ibara ry'umuhondo rimwe rigaragaza ubuziranenge bwa monochrome
- Geniestudio — Akabati koroshye ko ku manywa—ubwoko bufite impande nini n'ikaramu imwe nini
- xAI — Laboratwari yo gukaraba amavuta ashyushye hamwe n'ikinini cy'umukara
- Cal — Uburyo bwo gukoresha inyuguti imwe gusa, uburyo bwa muntu. Sisitemu ishyira imbere ubwumvikane n'imikorere binyuze mu buryo buhamye bw'umukara n'umweru, ariko ikaburoroshya hakoreshejwe imyandikire myiza n'imiterere y'uruziga.
- Scale — Laboratwari y'amafoto yo mu nzu ndangamurage nziza ihujwe n'umushinga wa tekiniki
- Contractbook — amasezerano y'impapuro zikozwe mu cyuma munsi y'ikirere cya ultramarine
- AutoSend — Inzu nziza y'amabuye ifite itara rimwe ry'umuhengeri—aho imitwe y'amajwi y'amajwi n'amajwi meza y'ibikorwa bihurira hamwe mu mwanya umwe utuje, hafi y'umweru.
- Air — igishushanyo "Ijuru ryo mu gicuku rinyuze mu kirahuri"
- SpatialChat — umutuku w'umuhengeri ku ibara ry'umweru
- Squarespace — Ishusho ya Sinema ya Monochrome
- Giga — Izuba ryo mu gicuku hejuru y'izuba ryakonje
- Supabase — Umuhinduzi w'amakode saa sita z'ijoro afite akadomo k'icyatsi kibisi gafite phosphorescent—umuvuduko umwe wa chromatic ku nyanja y'umukungugu w'amakara