Ui
kliniese plan op mat papier
shadcn/ui is 'n werkswinkel vir die skep van 'n monochroom ontwerpstelsel: 'n skoon wit doek, sagte warm grys oppervlaktes en groot-radius kaarte geplaas op die subtielste rande. Die koppelvlak is amper geheel en al achromaties - swart teks, wit oppervlaktes, grys sekondêre kleure - met 'n enkele, ontwrigtende rooi kleur gereserveer vir fouttoestande en niks anders nie. Die tipografie steun op Geist se geometriese neutraliteit met 'n stywe letterhoogte op skerms, wat 'n kalm, kode-agtige gevoel skep wat meer soos ontwikkelaarinfrastruktuur voel as 'n verbruikersproduk.
Minimale beelde—die stelsel bestaan amper geheel en al uit die gebruikerskoppelvlak. Geen sleutelfoto's, illustrasies of dekoratiewe grafika nie. Produkdemonstrasies word as komponentmodelle (kaarte, invoervelde, knoppies) in 'n rooster aangebied, wat beide as dokumentasie en visuele inhoud dien. Ikone is dun geometriese lyne (waarskynlik geleen van Lucide) 1.5–2px dik in #0a0a0a of #737373, wat spaarsamig as funksionele leidrade gebruik word. Die visuele taal is die UI-komponente self—die bladsy funksioneer as 'n lewende stylgids, waar elke sigbare element 'n sigbare ontwerpelement is.
Palet
Neutraal
- Canvas
#f5f5f5— Bladsyagtergrond, gedempte oppervlakvulling, bykomende knoppies. - Paper
#ffffff— Kaartoppervlaktes, opspring-agtergronde, primêre knoppievulsels - Surface Alt
#fafafa— Sybalkagtergrond, onopvallende kaartopsie, rustende toestand van die invoerveld. - Ink
#0a0a0a— Hoofteks, opskrifte, knoppie-etikette, ikoon-omlyning. - Ink Soft
#171717— Knoppie-agtergrondbeelde met vulsel, addisionele teks op ligte oppervlaktes. - Mid Gray
#737373— Die hoofteks, plekhouerteks, hulpetikette en ikoonvul in rus is almal gedemp.
Tipografie
van 12 tot 48px · 8 stappe
- Geist — vervanging: Inter · buitelyne 400, 500, 600 · Alle koppelvlakteks—liggaamsteks met 'n lyngewig van 14px/400, opskrifte met 'n lyngewig van 24–48px/600, en knoppies met 'n lyngewig van 13–14px/500. Geist se geometriese lettervorms en eenvormige lyngewig skep 'n neutrale gevoel vir ontwikkelaarsinstrumente; 'n lyngewig van 600 met letterspasiëring van 48px en letterspasiëring van -0.05em verseker duidelike, selfversekerde opskrifte wat deurdag eerder as geredigeer lyk.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | dig |
| Basiese stap | 8px |
| Knoppieradius | 18px |
| Kaartradius | 24px |
| Skaduwees | geen grense in plaas van skaduwees |
| Tussen afdelings | 48-80px |
| Bladsybreedte | 1280px |
KI sal jou webwerf in Ui -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- Ventriloc — 'n Redaksionele observatorium van data op warm papier - 'n enkele oranje gloeiende kol wat die monochroom presisie beklemtoon
- Geniestudio — 'n Sagte daglignotaboek – die soort met wye kantlyne en een dik penstreep
- xAI — Warm Roomlaboratorium met Swart Pil
- Cal — Monochroom praktiese benadering. 'n Stelsel wat duidelikheid en funksionaliteit prioritiseer deur 'n streng swart-en-wit palet, maar dit versag met vriendelike tipografie en afgeronde vorms.
- Scale — 'n Hoëgehalte-museumgehalte-fotolaboratorium gekombineer met 'n tegniese projek
- Contractbook — kontrakte van roompapier onder 'n ultramaryne lug
- AutoSend — 'n Gesellige klipteljee met 'n enkele pers lig - waar serif-opskrifte en helder indigo-oproepe tot aksie saambestaan in een stil, amper wit ruimte.
- Air — beeldhouwerk "Middernaglug Deur Glas"
- SpatialChat — pers pols op wit perkament
- Squarespace — Filmiese Monochroom Galery
- Giga — Middernaghorison oor ryp obsidiaan
- Supabase — 'n Kode-redigeerder om middernag met 'n fosforeserende groen kolletjie - 'n enkele chromatiese puls op 'n see van steenkoolstof