Ui
plan klinik sou papye mat
shadcn/ui se yon atelye pou kreye yon sistèm konsepsyon monokrom: yon twal blan pwòp, sifas gri cho ki mou, ak kat ak gwo reyon ki pozisyone sou fwontyè ki pi sibtil yo. Entèfas la prèske antyèman akromatik—tèks nwa, sifas blan, ton segondè gri—ak yon sèl koulè wouj deranjan ki rezève pou eta erè e pa gen anyen lòt. Tipografi a baze sou netralite jewometrik Geist la ak wotè lèt sere sou ekran yo, sa ki kreye yon santiman kalm, tankou kòd ki sanble plis ak yon enfrastrikti devlopè pase yon pwodwi konsomatè.
Imaj minimòm—sistèm nan konsiste prèske antyèman de koòdone itilizatè a. Pa gen foto kle, ilistrasyon, oswa grafik dekoratif. Demo pwodwi yo prezante kòm maket konpozan (kat, chan pou antre, bouton) nan yon griy, ki sèvi tou de kòm dokimantasyon ak kontni vizyèl. Ikòn yo se liy jeyometrik mens (pwobableman prete nan Lucide) 1.5–2px epesè nan #0a0a0a oswa #737373, yo itilize raman kòm endikasyon fonksyonèl. Lang vizyèl la se konpozan koòdone itilizatè yo tèt yo—paj la fonksyone kòm yon gid stil vivan, kote chak eleman vizib se yon eleman konsepsyon vizib.
Palèt
Netral
- Canvas
#f5f5f5— Fon paj la, ranpli sifas ki pa gen koulè, bouton adisyonèl. - Paper
#ffffff— Sifas kat, background pop-up, ranpli bouton prensipal yo - Surface Alt
#fafafa— Fon ba lateral la, opsyon kat ki pa twò aparan, eta inaktif nan chan antre a. - Ink
#0a0a0a— Tèks prensipal, tit, etikèt bouton, kontou ikòn. - Ink Soft
#171717— Imaj bouton background ak ranpli, tèks adisyonèl sou sifas lejè yo. - Mid Gray
#737373— Tèks prensipal la, tèks espas vid la, etikèt oksilyè yo, ak ranpli ikòn ki an repo yo tout silansye.
Tipografi
soti nan 12 pou rive nan 48px · 8 etap
- Geist — ranplasman: Inter · plan 400, 500, 600 · Tout tèks entèfas la—kò tèks la ak yon epesè liy 14px/400, tit yo ak yon epesè liy 24–48px/600, ak bouton yo ak yon epesè liy 13–14px/500. Fòm lèt jewometrik Geist yo ak epesè liy inifòm lan kreye yon santiman net pou zouti devlopè yo; yon epesè liy 600 ak yon espasman lèt 48px ak yon espasman lèt -0.05em asire tit ki klè e ki gen konfyans nan tèt yo, ki sanble byen panse olye ke modifye.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | dans |
| Etap debaz | 8px |
| Reyon bouton | 18px |
| Reyon kat | 24px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 48-80px |
| Lajè paj la | 1280px |
IA ap bati sit entènèt ou a nan style Ui epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Ventriloc — Yon obsèvatwa editoryal done sou papye cho - yon sèl ti flanm zoranj ki mete aksan sou presizyon monokrom lan
- Geniestudio — Yon kaye ki mou pou lajounen—kalite ki gen maj laj ak yon sèl kou plim epè
- xAI — Krèm cho pou laboratwa ak grenn nwa
- Cal — Pratik monokrom, yon apwòch imen. Yon sistèm ki priyorize klète ak fonksyonalite atravè yon palèt nwa ak blan strik, men ki adousi li ak tipografi amikal ak fòm awondi.
- Scale — Yon laboratwa foto kalite siperyè, menm jan ak yon mize, konbine avèk yon pwojè teknik.
- Contractbook — Kontra papye krèm anba yon syèl ultramarin
- AutoSend — Yon estidyo an wòch konfòtab ak yon sèl limyè mov—kote tit serif ak apèl a aksyon an karaktè endigo klere koegziste nan yon sèl espas trankil, prèske blan.
- Air — eskilti "Syèl minwi atravè vè"
- SpatialChat — batman kè mov sou parchemin blan
- Squarespace — Galeri Monokrom Sinematik
- Giga — Orizon minwi sou obsidyèn glase
- Supabase — Yon editè kòd a minwi ak yon pwen vèt fosforesan—yon sèl pulsasyon kromatik sou yon lanmè pousyè chabon.