Ui
klínísk áætlun á mattpappír
shadcn/ui er vinnustofa til að búa til einlita hönnunarkerfi: hreint hvítt striga, mjúk, hlý grá yfirborð og spjöld með stórum radíus staðsett á fíngerðustu jaðrunum. Viðmótið er næstum algjörlega akrómatískt - svartur texti, hvít yfirborð, gráir aukatónar - með einum, truflandi rauðum lit sem er frátekinn fyrir villur og ekkert annað. Leturgerðin byggir á rúmfræðilegri hlutleysi Geist með þröngri stafahæð á skjám, sem skapar rólega, kóða-líka tilfinningu sem líður meira eins og innviðir forritara en neytendavöru.
Lágmarksmyndir — kerfið samanstendur næstum eingöngu af notendaviðmóti. Engar lykilmyndir, teikningar eða skreytingargrafík. Sýnikennslumyndir af vörum eru kynntar sem uppdráttarmyndir af íhlutum (kort, innsláttarreitir, hnappar) í grind, sem þjóna bæði sem skjölun og sjónrænt efni. Táknmyndir eru þunnar rúmfræðilegar línur (líklega lánaðar frá Lucide) 1,5–2px þykkar í #0a0a0a eða #737373, notaðar sparlega sem hagnýtar vísbendingar. Myndmálið eru íhlutir notendaviðmótsins sjálfir — síðan virkar sem lifandi stílleiðbeiningar, þar sem hvert sýnilegt element er sýnilegt hönnunarelement.
Litatöflu
Hlutlaus
- Canvas
#f5f5f5— Bakgrunnur síðu, þögguð yfirborðsfylling, viðbótarhnappar. - Paper
#ffffff— Kortyfirborð, sprettigluggabakgrunnur, aðalhnappfyllingar - Surface Alt
#fafafa— Bakgrunnur hliðarstiku, valkostur fyrir óáberandi kort, aðgerðalaus staða innsláttarreitsins. - Ink
#0a0a0a— Aðaltexti, fyrirsagnir, hnappamerkingar, útlínur tákna. - Ink Soft
#171717— Bakgrunnsmyndir af hnöppum með fyllingu, viðbótartexti á ljósum flötum. - Mid Gray
#737373— Aðaltexti, staðgengilstexti, aukamerki og táknfylling í hvíld eru öll þögguð.
Leturfræði
frá 12 til 48px · 8 skref
- Geist — skipti: Inter · útlínur 400, 500, 600 · Allur texti í viðmóti — megintexti með línuþykkt 14px/400, fyrirsagnir með línuþykkt 24–48px/600 og hnappar með línuþykkt 13–14px/500. Rúmfræðileg leturgerð Geist og einsleit línuþykkt skapa hlutlausa tilfinningu fyrir forritunartól; línuþykkt 600 með 48px bili á stafi og -0,05em bili á stafi tryggir skýrar og öruggar fyrirsagnir sem líta út fyrir að vera hugsi frekar en breyttar.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | þétt |
| Grunnskref | 8px |
| Hnapparadíus | 18px |
| Radíus korts | 24px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 48-80px |
| Síðubreidd | 1280px |
Gervigreind mun smíða vefsíðuna þína í stíl við Ui og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- Ventriloc — Ritstjórnarathugunarstöð gagna á hlýjum pappír - ein appelsínugult glóð sem undirstrikar einlita nákvæmni
- Geniestudio — Mjúk dagsljósabók - sú sem er með breiðum spássum og einni þykkri pennastriki
- xAI — Hlýr rjóma rannsóknarstofa með svörtum pillum
- Cal — Einlita, hagnýt nálgun, mannleg. Kerfi sem forgangsraðar skýrleika og virkni með ströngum svart-hvítum litapallettu, en mýkir hana með vinalegri leturgerð og ávölum formum.
- Scale — Hágæða ljósmyndastofa í safngæðum ásamt tæknilegu verkefni
- Contractbook — samningar úr rjómalituðu pappír undir ultramarínbláum himni
- AutoSend — Notaleg steinstúdíó með einu fjólubláu ljósi — þar sem fyrirsagnir úr serif-litum og skær indigó-litaðar hvatningarorð búa saman í einu rólegu, næstum hvítu rými.
- Air — Skúlptúrinn „Miðnætti í gegnum gler“
- SpatialChat — fjólublár púls á hvítum pergamenti
- Squarespace — Kvikmyndafræðilegt einlita gallerí
- Giga — Miðnættis sjóndeildarhringur yfir frostuðum obsidian
- Supabase — Kóðaritstjóri um miðnætti með fosfórgrænum punkti - einum litpúlsi á hafi af kolryki