Ui
Tsarin asibiti akan takarda matte
shadcn/ui bita ne don ƙirƙirar tsarin ƙira mai kama da juna: zane mai tsabta fari, saman launin toka mai laushi, da manyan katunan radius da aka sanya a kan iyakoki mafi zurfi. Haɗin kai kusan ba shi da tsari gaba ɗaya - rubutu baƙi, saman fari, launukan launin toka na biyu - tare da launin ja guda ɗaya, mai rikitarwa wanda aka tanada don yanayin kuskure kuma babu wani abu. Rubutun ya dogara ne akan tsaka tsaki na Geist tare da tsayin haruffa mai tsauri akan allo, yana ƙirƙirar yanayi mai natsuwa, kamar lambar da ke jin kamar kayan aikin haɓakawa fiye da samfurin mai amfani.
Ƙananan hotuna—tsarin ya ƙunshi kusan gaba ɗaya na hanyar sadarwa ta mai amfani. Babu manyan hotuna, zane-zane, ko zane-zanen ado. Ana gabatar da nunin samfura azaman zane-zanen ɓangarori (katuna, filayen shigarwa, maɓallai) a cikin grid, suna aiki azaman takardu da abun ciki na gani. Alamu layuka ne na geometric siriri (wanda wataƙila an aro daga Lucide) mai kauri 1.5–2px a cikin #0a0a0a ko #737373, ana amfani da su kaɗan azaman alamun aiki. Harshen gani shine abubuwan UI da kansu—shafin yana aiki azaman jagorar salon rayuwa, inda kowane abu da ake gani shine ɓangaren ƙira da ake gani.
Palette
Tsaka-tsaki
- Canvas
#f5f5f5— Bangon shafi, cike saman da ba a iya gani ba, da ƙarin maɓallai. - Paper
#ffffff— Fafukan kati, bayan faifan bidiyo, manyan maɓallan cikewa - Surface Alt
#fafafa— Bangon gefe, zaɓin kati mara ɓoyewa, yanayin rashin aiki na filin shigarwa. - Ink
#0a0a0a— Babban rubutu, kanun labarai, alamun maɓalli, da kuma zane-zanen gumaka. - Ink Soft
#171717— Hotunan bango na maɓalli tare da cikewa, ƙarin rubutu akan saman haske. - Mid Gray
#737373— Babban rubutu, rubutun mai riƙe wuri, lakabin taimako, da cike gumaka a lokacin hutu duk an rufe su.
Rubutu
daga 12 zuwa 48px · Matakai 8
- Geist — maye gurbin: Inter · zane-zane 400, 500, 600 · Duk rubutun da ke cikin mahaɗin—rubutun jiki mai nauyin layi na 14px/400, kanun labarai masu nauyin layi na 24–48px/600, da maɓallai masu nauyin layi na 13–14px/500. Siffofin haruffa na Geist da nauyin layi iri ɗaya suna haifar da yanayi mai tsaka-tsaki ga kayan aikin haɓakawa; nauyin layi na 600 tare da tazarar haruffa 48px da tazarar haruffa -0.05em yana tabbatar da kanun labarai masu haske da kwarin gwiwa waɗanda suka yi kama da masu tunani maimakon a gyara su.
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | mai yawa |
| Mataki na asali | 8px |
| Maɓallin radius | 18px |
| Radius na kati | 24px |
| Inuwar | babu - iyakoki maimakon inuwa |
| Tsakanin sassa | 48-80px |
| Faɗin shafi | 1280px |
AI za ta gina gidan yanar gizonku a cikin salon Ui kuma ta cika shi
- Cika da samfura da rubuce-rubuce ta hanyar hanyar haɗin yanar gizo - Instagram, TikTok, Facebook.
- Canja wurin abun ciki daga tsohon shafinka—kawai ka ƙayyade adireshin.
- Tsarin zamani akan mafi kyawun injin: React ( Next.js) tare da nuna sabar da inganta SEO daga cikin akwatin.
- Ingantaccen SEO mai sarrafa kansa don sakamakon bincike da shawarwarin hanyar sadarwa ta jijiyoyi.
Salo makamantansu
- Ventriloc — Wani mai lura da bayanai a kan takarda mai dumi - launin ruwan lemu guda ɗaya yana nuna daidaiton monochrome
- Geniestudio — Littafin rubutu mai laushi na hasken rana - nau'in mai faɗi da gefuna da kuma kauri ɗaya na alkalami
- xAI — Dakin Gwangwani na Kirim Mai Dumi tare da Baƙin Kwaya
- Cal — Tsarin aiki mai kama da juna, tsarin ɗan adam. Tsarin da ke fifita haske da aiki ta hanyar tsari mai tsauri na baƙi da fari, amma yana tausasa shi da rubutu mai kyau da siffofi masu zagaye.
- Scale — Dakin gwaje-gwajen hoto mai inganci a gidan tarihi tare da aikin fasaha
- Contractbook — kwangilolin takarda mai kirim a ƙarƙashin sararin samaniya na ultramarine
- AutoSend — Ɗakin zane mai kyau na dutse mai haske mai launin shunayya ɗaya—inda kanun labarai na serif da indigo masu haske ke kira zuwa ga aiki tare a cikin wani wuri mai natsuwa, kusan fari.
- Air — sassaka "Midnight Sky Ta Gilashi"
- SpatialChat — bugun shunayya mai launin shuɗi a kan farin takardar takarda
- Squarespace — Gidan Tarihi na Monochrome na Cinematic
- Giga — Tsakar dare sararin sama a kan obsidian mai sanyi
- Supabase — Editan lambar da tsakar dare tare da ɗigon kore mai haske - bugun chromatic guda ɗaya a kan tekun ƙurar kwal