Ui
qorshaha caafimaad ee warqadda matte
shadcn/ui waa aqoon-is-weydaarsi loogu talagalay abuurista nidaam naqshadeyn monochrome ah: shiraac cad oo nadiif ah, dusha sare ee cawlan oo diirran, iyo kaarar waaweyn oo radius ah oo ku yaal xuduudaha ugu khafiifsan. Is-dhexgalka ayaa gebi ahaanba aan lahayn qaab-dhismeed - qoraal madow, dusha sare ee cad, codadka labaad ee cawlan - oo leh hal midab oo casaan ah oo khalkhal gelinaya xaaladaha khaladaadka oo aan wax kale ahayn. Nooca qoraalka wuxuu ku tiirsan yahay dhexdhexaadnimada joomatari ee Geist iyadoo leh xarfo cidhiidhi ah oo shaashadaha ah, taasoo abuuraysa dareen deggan oo u eg kood oo u eg kaabayaal horumariye marka loo eego badeecada macaamiisha.
Sawirrada ugu yar—nidaamku wuxuu ka kooban yahay ku dhawaad gebi ahaanba is-dhexgalka isticmaalaha. Ma jiraan sawirro muhiim ah, sawirro, ama sawirro qurxin ah. Bandhigyada badeecadaha waxaa loo soo bandhigayaa sidii qaabab (kaararka, goobaha gelinta, badhamada) oo ku jira shabag, iyagoo u adeegaya labadaba dukumentiyo iyo muuqaal ahaan. Astaamaha waa xariiqyo joomatari oo khafiif ah (oo laga soo amaahday Lucide) oo dhumucdiisu tahay 1.5–2px oo ah #0a0a0a ama #737373, oo si yar loogu isticmaalo tilmaamo shaqeynaya. Luqadda muuqaalku waa qaybaha UI laftooda—boggu wuxuu u shaqeeyaa sidii hage qaab nololeed, halkaas oo walax kasta oo la arki karo ay tahay walax naqshadeed oo muuqata.
Paleetka
Dhexdhexaad
- Canvas
#f5f5f5— Bogga asalka ah, buuxinta dusha sare oo aan la qarin, badhamada dheeraadka ah. - Paper
#ffffff— Dusha sare ee kaarka, asalka soo booda, buuxinta badhanka aasaasiga ah - Surface Alt
#fafafa— Asalka dhinaca, ikhtiyaarka kaadhka aan la arki karin, xaaladda shaqo la'aanta ah ee goobta gelinta. - Ink
#0a0a0a— Qoraalka ugu muhiimsan, cinwaanada, calaamadaha badhanka, iyo dulmarro astaan ah. - Ink Soft
#171717— Sawirrada asalka ah ee badhanka oo leh buuxin, qoraal dheeraad ah oo ku yaal meelaha iftiinka leh. - Mid Gray
#737373— Qoraalka ugu muhiimsan, qoraalka booska haystaha, calaamadaha dheeraadka ah, iyo buuxinta astaanta marka nasashada la joogo dhammaantood waa la aamusiyay.
Nooca qoraalka
laga bilaabo 12 ilaa 48px · 8 tallaabo
- Geist — beddelka: Inter · dulmar guud 400, 500, 600 · Dhammaan qoraallada is-dhexgalka - qoraalka jirka oo leh miisaan xariiq ah 14px/400, cinwaanno leh miisaan xariiq ah 24–48px/600, iyo badhamada leh miisaan xariiq ah 13–14px/500. Qaababka xarfaha ee Geist iyo miisaanka xariiqda isku midka ah waxay abuuraan dareen dhexdhexaad ah oo loogu talagalay qalabka horumariyaha; miisaan xariiq ah oo 600 ah oo leh kala fogaanshaha xarfaha 48px iyo kala fogaanshaha xarfaha -0.05em waxay hubinayaan cinwaanno cad oo kalsooni leh oo u muuqda kuwo feker leh halkii laga tafatiri lahaa.
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | cufan |
| Tallaabada aasaasiga ah | 8px |
| Gacanka badhanka | 18px |
| Gacanka kaarka | 24px |
| Hooska | maya - xuduudaha halkii laga isticmaali lahaa hooska |
| Inta u dhaxaysa qaybaha | 48-80px |
| Ballaca bogga | 1280px |
AI waxay website-kaaga ku dhisi doontaa qaabka Ui oo ay buuxin doontaa
- Ku buuxi alaabada iyo qoraallada adoo adeegsanaya xiriirka - Instagram, TikTok, Facebook.
- Ku wareeji macluumaadka boggaagii hore—kaliya sheeg cinwaanka.
- Naqshad casri ah oo ku jirta matoorka ugu fiican: React ( Next.js) oo leh qaabaynta server-ka iyo hagaajinta SEO oo aan la hubin.
- Hagaajinta SEO si buuxda oo otomaatig ah oo loogu talagalay natiijooyinka raadinta iyo talooyinka shabakadda neerfaha.
Qaabab isku mid ah
- Ventriloc — Kormeere tifaftiran oo xogta ku jira warqad diirran - hal dhuxul oranji ah oo iftiiminaya saxnaanta monochrome-ka
- Geniestudio — Buug xusuus-qor ah oo maalinle ah oo jilicsan - nooca leh geeso ballaaran iyo hal qalin oo qaro weyn
- xAI — Shaybaarka Kareemka Diiran oo leh Kiniin Madow
- Cal — Wax-ku-oolnimada hal-ku-dhegga ah, hab aadame. Nidaam mudnaanta siiya hufnaanta iyo shaqeynta iyada oo loo marayo palette adag oo madow iyo caddaan ah, laakiin jilcisa iyada oo la adeegsanayo qaab-dhismeed saaxiibtinimo leh iyo qaabab wareegsan.
- Scale — Shaybaar sawireed oo tayo sare leh oo matxaf ah oo lagu daray mashruuc farsamo
- Contractbook — qandaraasyada warqadda kareemka ah ee cirka ultramarine-ka hoostiisa
- AutoSend — Istuudiyo dhagax ah oo raaxo leh oo leh hal nal guduudan - halkaas oo cinwaanada serif iyo indigo dhalaalaya ay ugu yeeraan ficil inay ku wada noolaadaan hal meel oo deggan oo ku dhow caddaan.
- Air — farshaxan "Midnight Sky Through Glass"
- SpatialChat — garaaca guduudan oo ku yaal xaashi cad
- Squarespace — Gallery Filimada Monochrome-ka ah
- Giga — Saqda dhexe ee cirka oo ka sarreysa obsidian barafaysan
- Supabase — Tifaftire koodhka saqda dhexe oo leh dhibic cagaaran oo fosfooras ah - garaac hal chromatic ah oo ku yaal bad dhuxul ah