Ui
klinika plano sur mata papero
shadcn/ui estas laborejo por krei monokroma dezajnsistemo: pura blanka kanvaso, molaj varmaj grizaj surfacoj, kaj grand-radiusaj kartoj poziciigitaj sur la plej subtilaj randoj. La interfaco estas preskaŭ tute akromata — nigra teksto, blankaj surfacoj, grizaj duarangaj tonoj — kun ununura, interrompa ruĝa koloro rezervita por eraraj statoj kaj nenio alia. La tipografio dependas de la geometria neŭtraleco de Geist kun densaj literaltoj sur ekranoj, kreante trankvilan, kod-similan senton, kiu aspektas pli kiel programista infrastrukturo ol konsumvaro.
Minimumaj bildoj — la sistemo konsistas preskaŭ tute el la uzantinterfaco. Neniuj ŝlosilaj fotoj, ilustraĵoj aŭ dekoraciaj grafikaĵoj. Produktaj demonstraĵoj estas prezentitaj kiel komponentaj modeloj (kartoj, enigaĵaj kampoj, butonoj) en krado, servante kaj kiel dokumentado kaj kiel vida enhavo. Ikonoj estas maldikaj geometriaj linioj (verŝajne pruntitaj de Lucide) 1,5–2 rastrumeroj dikaj en #0a0a0a aŭ #737373, uzataj ŝpareme kiel funkciaj indikoj. La vida lingvo estas la UI-komponentoj mem — la paĝo funkcias kiel vivanta stilgvidilo, kie ĉiu videbla elemento estas videbla dezajnelemento.
Paletro
Neŭtrala
- Canvas
#f5f5f5— Paĝa fono, silentigita surfacoplenigaĵo, aldonaj butonoj. - Paper
#ffffff— Kartaj surfacoj, ŝprucfenestraj fonoj, ĉefaj butonplenigoj - Surface Alt
#fafafa— Flanka fono, diskreta karta opcio, neaktiva stato de la eniga kampo. - Ink
#0a0a0a— Ĉefa teksto, titoloj, butonetikedoj, ikonkonturoj. - Ink Soft
#171717— Butonaj fonbildoj kun plenigaĵo, aldona teksto sur helaj surfacoj. - Mid Gray
#737373— La ĉefa teksto, provizora teksto, helpaj etikedoj, kaj ikona plenigo dum ripozo estas ĉiuj silentigitaj.
Tipografio
de 12 ĝis 48 rastrumeroj · 8 paŝoj
- Geist — anstataŭaĵo: Inter · konturoj 400, 500, 600 · Ĉiu interfaca teksto — korpteksto kun linipezo de 14px/400, titoloj kun linipezo de 24–48px/600, kaj butonoj kun linipezo de 13–14px/500. La geometriaj literformoj kaj uniforma linipezo de Geist kreas neŭtralan senton por programistaj iloj; linipezo de 600 kun interspaco de 48px kaj interspaco de -0.05em certigas klarajn, memfidajn titolojn, kiuj aspektas pripensitaj anstataŭ redaktitaj.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | densa |
| Baza paŝo | 8px |
| Butona radiuso | 18px |
| Karto-radiuso | 24px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 48-80px |
| Paĝlarĝo | 1280px |
AI konstruos vian retejon laŭ la stilo de Ui kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Ventriloc — Redakcia observatorio de datumoj sur varma papero - ununura oranĝa ardaĵo elstarigas la monokroma precizeco
- Geniestudio — Mola tagluma kajero — la tipo kun larĝaj marĝenoj kaj unu dika plumstreko
- xAI — Varma Krema Laboratorio kun Nigra Pilolo
- Cal — Monokroma praktikeco, homa aliro. Sistemo kiu prioritatigas klarecon kaj funkciecon per strikta nigrablanka paletro, sed moligas ĝin per amika tipografio kaj rondetaj formoj.
- Scale — Altkvalita muzee-kvalita fotolaboratorio kombinita kun teknika projekto
- Contractbook — kontraktoj el kremkolora papero sub ultramara ĉielo
- AutoSend — Agrabla ŝtona studio kun ununura viola lumo — kie serifaj titoloj kaj brile indigaj vokoj al ago kunekzistas en unu trankvila, preskaŭ blanka spaco.
- Air — skulptaĵo "Noktomeza Ĉielo Tra Vitro"
- SpatialChat — purpura pulso sur blanka pergameno
- Squarespace — Kinematografia Monokroma Galerio
- Giga — Noktomeza horizonto super frostigita obsidiano
- Supabase — Kodredaktilo je noktomezo kun fosforeska verda punkto — ununura kromata pulso sur maro de karbopolvo