Ui
cynllun clinigol ar bapur matte
Mae shadcn/ui yn weithdy ar gyfer creu system ddylunio monocrom: cynfas gwyn glân, arwynebau llwyd cynnes meddal, a chardiau radiws mawr wedi'u lleoli ar y ffiniau mwyaf cynnil. Mae'r rhyngwyneb bron yn gyfan gwbl acromatig—testun du, arwynebau gwyn, tonau eilaidd llwyd—gyda lliw coch sengl, aflonyddgar wedi'i gadw ar gyfer cyflyrau gwall a dim byd arall. Mae'r teipograffeg yn dibynnu ar niwtraliaeth geometrig Geist gydag uchder llythrennau tynn ar sgriniau, gan greu teimlad tawel, tebyg i god sy'n teimlo'n fwy fel seilwaith datblygwr nag fel cynnyrch defnyddwyr.
Delweddau lleiaf posibl—mae'r system yn cynnwys bron yn gyfan gwbl y rhyngwyneb defnyddiwr. Dim lluniau allweddol, darluniau na graffeg addurniadol. Cyflwynir demos cynnyrch fel ffug-fodelau cydrannau (cardiau, meysydd mewnbwn, botymau) mewn grid, gan wasanaethu fel dogfennaeth a chynnwys gweledol. Mae eiconau yn llinellau geometrig tenau (wedi'u benthyg o Lucide, yn ôl pob tebyg) 1.5–2px o drwch yn #0a0a0a neu #737373, a ddefnyddir yn gynnil fel ciwiau swyddogaethol. Yr iaith weledol yw cydrannau'r rhyngwyneb defnyddiwr eu hunain—mae'r dudalen yn gweithredu fel canllaw arddull byw, lle mae pob elfen weladwy yn elfen ddylunio weladwy.
Palet
Niwtral
- Canvas
#f5f5f5— Cefndir tudalen, llenwad arwyneb tawel, botymau ychwanegol. - Paper
#ffffff— Arwynebau cardiau, cefndiroedd naidlen, llenwadau botwm cynradd - Surface Alt
#fafafa— Cefndir y bar ochr, opsiwn cerdyn disylw, cyflwr segur y maes mewnbwn. - Ink
#0a0a0a— Prif destun, penawdau, labeli botymau, amlinelliadau eiconau. - Ink Soft
#171717— Delweddau cefndir botwm gyda llenwad, testun ychwanegol ar arwynebau golau. - Mid Gray
#737373— Mae'r prif destun, testun y dalfan, labeli ategol, a llenwad eicon wrth orffwys i gyd wedi'u mudo.
Teipograffeg
o 12 i 48px · 8 cam
- Geist — amnewid: Inter · amlinelliadau 400, 500, 600 · Testun rhyngwyneb i gyd—testun corff gyda phwysau llinell o 14px/400, penawdau gyda phwysau llinell o 24–48px/600, a botymau gyda phwysau llinell o 13–14px/500. Mae ffurfiau llythrennau geometrig a phwysau llinell unffurf Geist yn creu teimlad niwtral ar gyfer offer datblygu; mae pwysau llinell o 600 gyda bylchau llythrennau o 48px a bylchau llythrennau o -0.05em yn sicrhau penawdau clir a hyderus sy'n edrych yn feddylgar yn hytrach na golygedig.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | dwys |
| Cam sylfaenol | 8px |
| Radiws botwm | 18px |
| Radiws y cerdyn | 24px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 48-80px |
| Lled y dudalen | 1280px |
Bydd AI yn adeiladu eich gwefan yn null Ui ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Ventriloc — Arsyllfa olygyddol o ddata ar bapur cynnes - un marwor oren yn tynnu sylw at y cywirdeb monocrom
- Geniestudio — Llyfr nodiadau golau dydd meddal—y math gydag ymylon llydan ac un strôc pen drwchus
- xAI — Hufen Cynnes Lab gyda Philsen Ddu
- Cal — Ymarferoldeb monocrom, dull dynol. System sy'n blaenoriaethu eglurder a swyddogaeth trwy balet du-a-gwyn llym, ond yn ei feddalu gyda theipograffeg gyfeillgar a siapiau crwn.
- Scale — Labordy lluniau o safon amgueddfa o ansawdd uchel ynghyd â phrosiect technegol
- Contractbook — contractau papur hufen o dan awyr ultramarine
- AutoSend — Stiwdio garreg glyd gydag un golau porffor—lle mae penawdau serif a galwadau i weithredu indigo llachar yn cydfodoli mewn un gofod tawel, bron yn wyn.
- Air — cerflun "Awyr Hanner Nos Trwy Wydr"
- SpatialChat — pwls porffor ar femrwn gwyn
- Squarespace — Oriel Monocrom Sinematig
- Giga — Gorwel hanner nos dros obsidian barugog
- Supabase — Golygydd cod am hanner nos gyda dot gwyrdd ffosfforescent—pwls cromatig sengl ar fôr o lwch glo