Ui
chirongwa chekiriniki papepa risina kusimba
shadcn/ui inzvimbo yekugadzira sisitimu yekugadzira monochrome: kanivhasi chena yakachena, nzvimbo dzakapfava dzegrey dzinodziya, uye makadhi makuru-radius akaiswa pamiganhu isina kusimba. Iyo interface inenge isina kurongeka zvachose—mavara matema, nzvimbo chena, matoni echipiri egrey—ine ruvara rutsvuku rumwe chete, runovhiringidza rwakachengeterwa mamiriro ezvikanganiso uye hapana chimwe chinhu. Matapirwo acho anoenderana neGeist's geometric neutralitet ine urefu hwakasimba hwemavara pamasikirini, zvichigadzira kunzwa kwakadzikama, kwakafanana nekodhi kunonzwa kunge kwakafanana nekugadzirwa kwevagadziri pane chigadzirwa chevatengi.
Mifananidzo mishoma—sisitimu iyi inenge iine chimiro chemushandisi chete. Hapana mapikicha akakosha, mifananidzo, kana mifananidzo yekushongedza. Madhizaini echigadzirwa anoratidzwa sezvikamu zvemifananidzo (makadhi, nzvimbo dzekupinda, mabhatani) mugridi, zvichishanda semagwaro uye sezviri mukati memifananidzo. Maicon mitsetse mitete yejometri (ingangodaro yakatorwa kubva kuLucide) 1.5–2px ukobvu mu #0a0a0a kana #737373, inoshandiswa zvishoma sezviratidzo zvinoshanda. Mutauro wekuona ndiwo zvikamu zveUI pachazvo—peji rinoshanda segwara remhando yehupenyu, uko chinhu chega chega chinoonekwa chiri chinhu chekugadzira chinoonekwa.
Palette
Kwakarerekera
- Canvas
#f5f5f5— Kumashure kwepeji, kuzadzwa kwenzvimbo kwakanyarara, mabhatani ekuwedzera. - Paper
#ffffff— Nzvimbo dzemakadhi, ma pop-up background, ma primary button fills - Surface Alt
#fafafa— Kumashure kwepadivi, sarudzo yekadhi isinganyanyi kuoneka, mamiriro ekunze kwenzvimbo yekuisa. - Ink
#0a0a0a— Rugwaro rukuru, misoro yenyaya, mavara emabhatani, marongerwo ezviratidzo. - Ink Soft
#171717— Mifananidzo yekumashure ine mabhatani ine mashoko akazadzwa, akawedzerwa pamusoro pezvinhu zvakapfava. - Mid Gray
#737373— Rugwaro rukuru, rugwaro rwechibatiso, malebula ekuwedzera, uye kuzadza ma icon pakuzorora zvese zvadzimwa.
Kunyora
kubva pa12 kusvika pa48px · 8 matanho
- Geist — kutsiva: Inter · marongero 400, 500, 600 · Rugwaro rwese rweinterface—runyorwa rwemuviri rune huremu hwemutsetse we14px/400, misoro ine huremu hwemutsetse we24–48px/600, uye mabhatani ane huremu hwemutsetse we13–14px/500. Magadzirirwo emavara eGeist uye huremu hwemutsetse wakafanana zvinogadzira kunzwa kwakasununguka kune maturusi ekugadzira; huremu hwemitsara ye600 ine 48px letter spacing uye -0.05em letter spacing inoita kuti misoro inyatsojeka uye ine chivimbo iite seyakanyatsofungwa pane kugadziriswa.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | gobvu |
| Danho rekutanga | 8px |
| Radiyo yebhatani | 18px |
| Nharaunda yekadhi | 24px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 48-80px |
| Upamhi hwepeji | 1280px |
AI ichavaka webhusaiti yako nenzira ye Ui uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Ventriloc — Ongororo yezvinyorwa yedata riri papepa rinodziya - jira reorenji rimwe chete rinoratidza kunyatsojeka kwemonochrome
- Geniestudio — Kabhuku kekunyorerwa masikati kakapfava—kane mipendero yakafara uye kanokora kepeni kamwe chete
- xAI — Lab yeKirimu Inodziya ine Piritsi Nhema
- Cal — Kushanda kwechinhu chimwe chete, maitiro evanhu. Sisitimu inokoshesa kujeka uye mashandiro kuburikidza nependi nhema nechena, asi inoipfavisa nemataipi ane hushamwari uye maumbirwo akatenderera.
- Scale — Rabhoritari yemifananidzo yemhando yepamusoro yemuseum pamwe chete nepurojekiti yehunyanzvi
- Contractbook — zvibvumirano zvepepa rekirimu pasi pedenga re ultramarine
- AutoSend — Imba yematombo inotonhorera ine mwenje wepepuru mumwe chete—uko misoro yenyaya dzepamusoro uye kudana kwakajeka kwekuita zvinhu zviri kuitika pamwe chete munzvimbo imwe chete yakanyarara, inenge chena.
- Air — chifananidzo "Denga repakati pehusiku kuburikidza negirazi"
- SpatialChat — kurira kwepepuru paganda jena
- Squarespace — Garari reMonochrome remafirimu
- Giga — Pakati pehusiku pamusoro pechando cheobsidian
- Supabase — Mupepeti wekodhi pakati pehusiku ane dot regirini rine phosphorescent—kupenya kwechromatic kamwe chete pagungwa reguruva remarasha