Ui
plan klinik në letër mat
shadcn/ui është një seminar për krijimin e një sistemi dizajni monokrom: një kanavacë e bardhë e pastër, sipërfaqe të buta gri të ngrohta dhe karta me rreze të madhe të pozicionuara në kufijtë më delikatë. Ndërfaqja është pothuajse tërësisht akromatike - tekst i zi, sipërfaqe të bardha, tone dytësore gri - me një ngjyrë të vetme të kuqe, shkatërruese të rezervuar për gjendjet e gabimit dhe asgjë tjetër. Tipografia mbështetet në neutralitetin gjeometrik të Geist me lartësi të ngushtë shkronjash në ekrane, duke krijuar një ndjesi të qetë, si kod, që ndihet më shumë si infrastrukturë zhvilluesi sesa si një produkt konsumatori.
Imazhe minimale—sistemi përbëhet pothuajse tërësisht nga ndërfaqja e përdoruesit. Asnjë foto kryesore, ilustrime ose grafikë dekorative. Demot e produkteve paraqiten si makete të komponentëve (karta, fusha hyrëse, butona) në një rrjetë, duke shërbyer si dokumentacion dhe përmbajtje vizuale. Ikonat janë vija të holla gjeometrike (me shumë mundësi të huazuara nga Lucide) me trashësi 1.5–2px në #0a0a0a ose #737373, të përdorura me kursim si sinjale funksionale. Gjuha vizuale janë vetë komponentët e ndërfaqes së përdoruesit—faqja funksionon si një udhëzues stili i gjallë, ku çdo element i dukshëm është një element i dukshëm dizajni.
Paletë
Neutral
- Canvas
#f5f5f5— Sfondi i faqes, mbushje e zbehtë e sipërfaqes, butona shtesë. - Paper
#ffffff— Sipërfaqet e kartave, sfondet që shfaqen, mbushjet kryesore të butonave - Surface Alt
#fafafa— Sfondi i shiritit anësor, opsioni i kartës diskret, gjendja joaktive e fushës së futjes. - Ink
#0a0a0a— Teksti kryesor, titujt, etiketat e butonave, skicat e ikonave. - Ink Soft
#171717— Imazhe të sfondit të butonave me mbushje, tekst shtesë në sipërfaqe të çelëta. - Mid Gray
#737373— Teksti kryesor, teksti i vendmbajtësit, etiketat ndihmëse dhe mbushja e ikonave në qetësi janë të gjitha të heshtura.
Tipografi
nga 12 në 48px · 8 hapa
- Geist — zëvendësim: Inter · skica 400, 500, 600 · I gjithë teksti i ndërfaqes - teksti i trupit me një peshë rreshti prej 14px/400, titujt me një peshë rreshti prej 24–48px/600 dhe butonat me një peshë rreshti prej 13–14px/500. Format gjeometrike të shkronjave të Geist dhe pesha uniforme e rreshtit krijojnë një ndjesi neutrale për mjetet e zhvilluesit; një peshë rreshti prej 600 me hapësirë shkronjash prej 48px dhe hapësirë shkronjash -0.05em siguron tituj të qartë dhe të sigurt që duken të menduar mirë sesa të redaktuar.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 8px |
| Rrezja e butonit | 18px |
| Rrezja e kartës | 24px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 48-80px |
| Gjerësia e faqes | 1280px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Ui dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Ventriloc — Një vëzhgim editorial i të dhënave në letër të ngrohtë - një prush i vetëm portokalli që nxjerr në pah saktësinë monokrome
- Geniestudio — Një fletore e butë në dritën e ditës - lloji me kufij të gjerë dhe një vijë të trashë stilolapsi
- xAI — Laboratori i Kremit të Ngrohtë me Pilulë të Zezë
- Cal — Prakticiteti monokrom, një qasje njerëzore. Një sistem që i jep përparësi qartësisë dhe funksionalitetit përmes një palete të rreptë bardh e zi, por e zbut atë me tipografi miqësore dhe forma të rrumbullakosura.
- Scale — Një laborator fotografik me cilësi të lartë, me cilësi muzeale, i kombinuar me një projekt teknik
- Contractbook — kontrata letre krem nën një qiell ultramarin
- AutoSend — Një studio komode prej guri me një dritë të vetme vjollcë—ku titujt kryesorë me ngjyra serif dhe thirrjet e ndritshme indigo për veprim bashkëjetojnë në një hapësirë të qetë, pothuajse të bardhë.
- Air — skulpturë "Qielli i Mesnatës Përmes Qelqit"
- SpatialChat — puls i purpurt në pergamenë të bardhë
- Squarespace — Galeria Kinematografike Monokrome
- Giga — Horizonti i mesnatës mbi obsidian të ngrirë
- Supabase — Një redaktues kodi në mesnatë me një pikë jeshile fosforeshente - një puls i vetëm kromatik në një det pluhuri qymyri