Ui
isicwangciso seklinikhi kwiphepha elingacwebezeliyo
I-shadcn/ui yindawo yokusebenzela yokwenza inkqubo yoyilo lwe-monochrome: i-canvas emhlophe ecocekileyo, iindawo ezithambileyo ezimpunga ezifudumeleyo, kunye namakhadi amakhulu abekwe kwimida engaphantsi. I-interface phantse ayinakuchukumisa ngokupheleleyo—umbhalo omnyama, iindawo ezimhlophe, iithoni zesibini ezimpunga—ngombala obomvu omnye, ophazamisayo ogcinelwe iimeko zeempazamo kwaye akukho nto imbi. Uyilo lwefonti luxhomekeke kwi-geometric neutrality yeGeist enobude obuqinileyo boonobumba kwizikrini, okwenza uvakalelo oluzolileyo, olufana nekhowudi oluvakala ngathi lulwakhiwo lomphuhlisi kunemveliso yomthengi.
Imifanekiso emincinci—le nkqubo iquka phantse yonke i-interface yomsebenzisi. Akukho mifanekiso iphambili, imifanekiso, okanye imizobo yokuhombisa. Iidemo zemveliso ziboniswa njengee-component mockups (amakhadi, amasimi okufaka, amaqhosha) kwigridi, zisebenza njengoxwebhu kunye nomxholo obonakalayo. Ii-icon ziyimigca emincinci yejometri (ekusenokwenzeka ukuba zibolekwe kwiLucide) 1.5–2px ubukhulu kwi #0a0a0a okanye #737373, zisetyenziswa kancinci njengee-functional cues. Ulwimi olubonakalayo zii-UI components ngokwazo—iphepha lisebenza njengesikhokelo sesitayile esiphilayo, apho yonke into ebonakalayo iyinto yoyilo ebonakalayo.
Iphalethi
Ukungathathi cala
- Canvas
#f5f5f5— Imvelaphi yephepha, ukuzaliswa komphezulu othuliweyo, amaqhosha ongezelelweyo. - Paper
#ffffff— Imiphezulu yekhadi, imvelaphi evelelayo, ukuzaliswa kwamaqhosha okuqala - Surface Alt
#fafafa— Imvelaphi yebar esecaleni, ukhetho lwekhadi olungaphazanyiswa, imeko yokungenzi nto kwintsimi yokufaka. - Ink
#0a0a0a— Umbhalo oyintloko, izihloko, iilebhile zamaqhosha, imida yee icon. - Ink Soft
#171717— Imifanekiso engasemva enamaqhosha anombhalo ozalisiweyo, owongezelelweyo kwiindawo ezikhanyayo. - Mid Gray
#737373— Isicatshulwa esiphambili, isicatshulwa sendawo, iilebhile ezincedisayo, kunye nokuzaliswa kweempawu eziphumlileyo zonke zivaliwe.
Ubhalo lweencwadi
ukusuka kwi-12 ukuya kwi-48px · amanyathelo asibhozo
- Geist — ukutshintshwa: Inter · imida 400, 500, 600 · Zonke ii-interface text—umbhalo womzimba onobunzima bomgca obuyi-14px/400, izihloko ezinobunzima bomgca obuyi-24–48px/600, kunye namaqhosha anobunzima bomgca obuyi-13–14px/500. Iifomu zoonobumba bejometri zikaGeist kunye nobunzima bomgca obufanayo zenza imvakalelo engathathi cala kwizixhobo zomphuhlisi; ubunzima bomgca obuyi-600 kunye nesithuba soonobumba abangama-48px kunye nesithuba soonobumba esingu-0.05em siqinisekisa izihloko ezicacileyo neziqinisekileyo ezibonakala zicingisisiwe endaweni yokuhlela.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | xinene |
| Inyathelo elisisiseko | 8px |
| Irediyasi yeqhosha | 18px |
| Irediyasi yekhadi | 24px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 48-80px |
| Ububanzi bephepha | 1280px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Ui ize iyizalise
- Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
- Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
- Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
- Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.
Iintlobo ezifanayo
- Ventriloc — I-observatory yomhleli yedatha ephepheni elifudumeleyo - i-ember enye e-orenji egxininisa ukuchaneka kwe-monochrome
- Geniestudio — Incwadi yokubhala ethambileyo yasemini—uhlobo olunemiphetho ebanzi kunye nomgca omnye omkhulu wepeni
- xAI — Ilebhu yeKrimu efudumeleyo enePilisi emnyama
- Cal — Ukusebenza okubonakalayo okunombala omnye, indlela yomntu. Inkqubo ebeka phambili ukucaca nokusebenza ngokusebenzisa i-palette emnyama namhlophe engqongqo, kodwa iyithambise ngoonobumba abanobubele kunye neemilo ezijikelezileyo.
- Scale — Ilebhu yeefoto esemgangathweni yemyuziyam edityaniswe neprojekthi yobugcisa
- Contractbook — izivumelwano zephepha elikhrimu phantsi kwesibhakabhaka esiluhlaza okwesibhakabhaka
- AutoSend — Isitudiyo samatye esifudumeleyo esinokukhanya okumfusa—apho iintloko ze-serif kunye neefowuni ezikhanyayo ze-indigo eziya esenzweni zihlala khona kwindawo enye ezolileyo, phantse emhlophe.
- Air — umfanekiso oqingqiweyo "Isibhakabhaka Sasebusuku Ngeglasi"
- SpatialChat — i-pulse emfusa kwi-parchment emhlophe
- Squarespace — Igalari yeCinematic Monochrome
- Giga — Ezinzulwini zobusuku phezu kwe-obsidian eqandisiweyo
- Supabase — Umhleli wekhowudi ezinzulwini zobusuku onechaphaza eliluhlaza elinombala we-phosphorescent—ukubetha okukodwa kwe-chromatic kulwandle lothuli lwamalahle