Ui
klinikal nga plano sa matte nga papel
Ang shadcn/ui usa ka workshop para sa paghimo og monochrome design system: usa ka limpyo nga puti nga canvas, humok ug init nga gray nga mga nawong, ug mga kard nga dako og radius nga gibutang sa labing pino nga mga border. Ang interface halos hingpit nga achromatic—itom nga teksto, puti nga mga nawong, gray nga sekondaryang mga tono—nga adunay usa ka disruptive nga pula nga kolor nga gitagana para sa mga error states ug wala nay lain. Ang tipograpiya nagsalig sa geometric neutrality sa Geist nga adunay hugot nga letter-height sa mga screen, nga nagmugna og kalmado, sama sa code nga pagbati nga mas morag imprastraktura sa developer kaysa usa ka produkto sa konsyumer.
Minimal nga mga imahe—ang sistema halos naglangkob sa user interface. Walay importanteng mga litrato, ilustrasyon, o pangdekorasyon nga mga graphic. Ang mga demo sa produkto gipresentar isip mga component mockup (mga kard, input field, mga butones) sa usa ka grid, nga nagsilbing dokumentasyon ug biswal nga sulud. Ang mga icon nipis nga geometric nga mga linya (lagmit gihulam gikan sa Lucide) nga 1.5–2px ang gibag-on, sa #0a0a0a o #737373, nga gigamit nga panagsa ra isip mga functional cues. Ang biswal nga pinulongan mao ang mga UI component mismo—ang panid naglihok isip usa ka giya sa estilo sa kinabuhi, diin ang matag makita nga elemento usa ka makita nga elemento sa disenyo.
Paleta
Neutral
- Canvas
#f5f5f5— Background sa panid, hinay nga pagpuno sa nawong, dugang nga mga butones. - Paper
#ffffff— Mga nawong sa kard, mga pop-up nga background, mga pangunang pagpuno sa butones - Surface Alt
#fafafa— Background sa sidebar, dili makahasol nga opsyon sa kard, idle nga kahimtang sa input field. - Ink
#0a0a0a— Pangunang teksto, mga ulohan, mga label sa buton, mga balangkas sa icon. - Ink Soft
#171717— Mga hulagway sa background sa butones nga adunay sulud, dugang nga teksto sa mga hayag nga nawong. - Mid Gray
#737373— Ang pangunang teksto, teksto sa placeholder, mga auxiliary label, ug ang icon fill nga wala gigamit kay naka-mute tanan.
Tipograpiya
gikan sa 12 ngadto sa 48px · 8 ka lakang
- Geist — kapuli: Inter · mga balangkas 400, 500, 600 · Puro teksto sa interface—body text nga may line weight nga 14px/400, mga heading nga may line weight nga 24–48px/600, ug mga butones nga may line weight nga 13–14px/500. Ang geometric letterforms ug uniform line weight sa Geist nagmugna og neyutral nga pamati para sa mga developer tools; ang 600 line weight nga may 48px letter spacing ug -0.05em letter spacing nagsiguro sa klaro ug kompiyansa nga mga heading nga morag mahunahunaon imbes nga gi-edit.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | dasok |
| Batakang lakang | 8px |
| Radius sa butones | 18px |
| Radius sa kard | 24px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 48-80px |
| Lapad sa panid | 1280px |
Ang AI motukod sa imong website sa estilo sa Ui ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Ventriloc — Usa ka obserbatoryo sa editoryal sa datos sa mainit nga papel - usa ka orange nga baga nga nagpasiugda sa katukma sa monochrome
- Geniestudio — Usa ka humok nga daylight notebook—ang klase nga lapad ang mga kilid ug usa ka baga nga hagod sa bolpen
- xAI — Mainit nga Cream Lab nga adunay Itom nga Pildoras
- Cal — Praktikalidad sa monochrome, usa ka tawhanong pamaagi. Usa ka sistema nga nag-una sa katin-aw ug gamit pinaagi sa estrikto nga itom-ug-puti nga paleta, apan gipahumok kini gamit ang mahigalaon nga tipograpiya ug lingin nga mga porma.
- Scale — Usa ka taas nga kalidad nga photo lab nga sama sa kalidad sa museyo nga giubanan sa usa ka teknikal nga proyekto
- Contractbook — mga kontrata sa cream nga papel ubos sa usa ka ultramarine nga langit
- AutoSend — Usa ka komportable nga studio nga bato nga adunay usa ka purpura nga suga—diin ang mga serif nga ulohan sa balita ug hayag nga indigo nga mga panawagan sa aksyon nag-uban sa usa ka hilom, halos puti nga wanang.
- Air — eskultura nga "Kalangitan sa Tungang Gabii Pinaagi sa Bildo"
- SpatialChat — purpura nga pulso sa puti nga pergamino
- Squarespace — Galeriya sa Sinematikong Monochrome
- Giga — Kapunawpunawan sa tungang gabii ibabaw sa nagyelo nga obsidian
- Supabase — Usa ka code editor sa tungang gabii nga adunay phosphorescent green nga tulbok—usa ka chromatic pulse sa dagat sa abog sa karbon