Ui
mat kagyzda kliniki meýilnama
shadcn/ui monohrom dizaýn ulgamyny döretmek üçin ussahanadyr: arassa ak kanwas, ýumşak ýyly çal reňkli ýüzler we iň inçe çäklerde ýerleşdirilen uly radiusly kartlar. Interfeýs diýen ýaly doly achromatikdir - gara tekst, ak reňkli ýüzler, çal reňkli ikinji derejeli tonlar - ýalňyşlyk ýagdaýlary üçin niýetlenen ýeke-täk, üýtgediji gyzyl reňk we başga hiç zat ýok. Tipografiýa ekranlarda berk harp beýikligi bilen Geist-iň geometrik bitaraplygyna daýanýar, bu bolsa sarp ediji önüminden has köp işläp düzüji infrastrukturasyna has köp meňzeýän asuda, kod ýaly duýgy döredýär.
Minimal suratlar — ulgam diýen ýaly ulanyjy interfeýsinden ybarat. Esasy suratlar, illýustrasiýalar ýa-da bezeg grafikalary ýok. Önümiň demolary torda komponent maketleri (kartlar, giriş meýdançalary, düwmeler) hökmünde görkezilýär we resminamalar we wizual mazmun hökmünde hyzmat edýär. Nyşanlar — #0a0a0a ýa-da #737373-de 1,5–2 piksel galyňlykda inçe geometrik çyzyklar (ähtimal, Lusidden alnan), funksional alamatlar hökmünde seýrek ulanylýar. Wizual dil — UI komponentleriniň özi — sahypa ýaşaýyş stili gollanmasy hökmünde işleýär, bu ýerde her bir görünýän element görünýän dizaýn elementi bolup durýar.
Palitra
Neýtral
- Canvas
#f5f5f5— Sahypanyň fony, sessizleşdirilen ýüz doldurylyşy, goşmaça düwmeler. - Paper
#ffffff— Kart ýüzleri, açylýan fonlar, esasy düwme doldurmalary - Surface Alt
#fafafa— Gapdal paneliň fony, göze ilmeýän kart opsiýasy, giriş meýdanynyň boş duruş ýagdaýy. - Ink
#0a0a0a— Esasy tekst, sözbaşylar, düwme bellikleri, nyşanlaryň konturlary. - Ink Soft
#171717— Açyk ýüzlerde goşmaça tekst, doldurma bilen düwme fon suratlary. - Mid Gray
#737373— Esasy tekst, orun saklaýjy tekst, kömekçi ýazgylar we dynç alyşdaky nyşan doldurmalarynyň hemmesi sessizdir.
Tipografiýa
12-den 48 piksele çenli · 8 ädim
- Geist — çalyşmak: Inter · konturlar 400, 500, 600 · Ähli interfeýs tekstleri — setir agramy 14px/400 bolan esasy tekst, setir agramy 24–48px/600 bolan sözbaşylar we setir agramy 13–14px/500 bolan düwmeler. Geist-iň geometrik harp görnüşleri we birmeňzeş setir agramy işläp düzüji gurallary üçin neýtral duýgy döredýär; 48px harp aralygy we -0.05em harp aralygy bolan 600 setir agramy redaktirlenmegiň ýerine oýlanyşykly görünýän aýdyň we ynamly sözbaşylary üpjün edýär.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | dykyz |
| Esasy ädim | 8px |
| Düwme radiusy | 18px |
| Kart radiusy | 24px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 48-80px |
| Sahypanyň giňligi | 1280px |
Süni intellekt web sahypaňyzy Ui stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Ventriloc — Ýyly kagyzdaky maglumatlaryň redaksiýa gözegçisi - monohrom takyklygy görkezýän ýekeje mämişi köz
- Geniestudio — Ýumşak gündizki depder — giň gyralary we bir galyň ruçka çyzygy bolan görnüş
- xAI — Gara tabletkaly ýyly krem laboratoriýasy
- Cal — Monohrom praktiklik, ynsan çemeleşmesi. Gara-ak reňk palitrasy arkaly aýdyňlyga we funksionallyga ileri tutulýan, ýöne ony dostlukly tipografiýa we tegelek şekiller bilen ýumşadýan ulgam.
- Scale — Ýokary hilli muzeý hilli fotolaboratoriýa tehniki taslama bilen utgaşdyryldy
- Contractbook — ultramarin asmanynyň aşagynda krem kagyzynyň şertnamalary
- AutoSend — Serif reňkli başlyklar we ýagty indigo çagyryşlary bir asuda, diýen ýaly ak giňişlikde bir ýerde ýerleşýän ýekeje gyrmyzy çyraly rahat daş studiýa.
- Air — "Aýnanyň içinden gijäniň ýary asmany" heýkeli
- SpatialChat — ak pergamentde gyrmyzy puls
- Squarespace — Kino Monohrom Galereýasy
- Giga — Buzly obsidianyň üstünde gijäniň ortasy gözýetim
- Supabase — Ýary gijesinde fosforly ýaşyl nokatly kod redaktory — kömür tozanynyň deňzinde ýekeje hromatik impuls