Ui
mat qog'ozdagi klinik reja
shadcn/ui monoxrom dizayn tizimini yaratish bo'yicha ustaxonadir: toza oq kanvas, yumshoq, iliq kulrang yuzalar va eng nozik chegaralarga joylashtirilgan katta radiusli kartalar. Interfeys deyarli butunlay axromatik - qora matn, oq yuzalar, kulrang ikkilamchi ohanglar - xato holatlari uchun ajratilgan bitta, buzuvchi qizil rangga ega va boshqa hech narsa yo'q. Tipografiya Geistning geometrik neytralligiga asoslangan bo'lib, ekranlarda harflarning balandligi cheklangan bo'lib, iste'molchi mahsulotidan ko'ra ishlab chiquvchi infratuzilmasiga ko'proq o'xshash xotirjam, kodga o'xshash tuyg'u yaratadi.
Minimal tasvirlar — tizim deyarli butunlay foydalanuvchi interfeysidan iborat. Asosiy fotosuratlar, illyustratsiyalar yoki dekorativ grafikalar yo'q. Mahsulot demolari panjara ichida komponent maketlari (kartalar, kiritish maydonlari, tugmalar) sifatida taqdim etiladi, ham hujjatlar, ham vizual kontent sifatida xizmat qiladi. Belgilar — bu #0a0a0a yoki #737373 da 1,5–2 piksel qalinlikdagi ingichka geometrik chiziqlar (ehtimol Lucide dan olingan) bo'lib, funktsional ko'rsatkichlar sifatida kamdan-kam ishlatiladi. Vizual til — bu UI komponentlarining o'zi — sahifa har bir ko'rinadigan element ko'rinadigan dizayn elementi bo'lgan hayot tarzi qo'llanmasi vazifasini bajaradi.
Palitra
Neytral
- Canvas
#f5f5f5— Sahifa foni, ovozsiz sirt to'ldirish, qo'shimcha tugmalar. - Paper
#ffffff— Karta sirtlari, qalqib chiquvchi fonlar, asosiy tugmalarni to'ldirish - Surface Alt
#fafafa— Yon panel foni, ko'zga tashlanmaydigan karta opsiyasi, kiritish maydonining bo'sh holati. - Ink
#0a0a0a— Asosiy matn, sarlavhalar, tugma yorliqlari, belgi konturlari. - Ink Soft
#171717— To'ldirish bilan tugmachali fon rasmlari, yorug'lik yuzalarida qo'shimcha matn. - Mid Gray
#737373— Asosiy matn, to'ldiruvchi matn, yordamchi yorliqlar va qolgan holatdagi belgi to'ldirish funksiyalari o'chirilgan.
Tipografiya
12 dan 48 pikselgacha · 8 qadam
- Geist — almashtirish: Inter · konturlar 400, 500, 600 · Barcha interfeys matnlari — asosiy matn, satr qalinligi 14px/400, sarlavhalar 24–48px/600 va satr qalinligi 13–14px/500 bo'lgan tugmalar. Geistning geometrik harf shakllari va bir xil satr qalinligi ishlab chiquvchi vositalari uchun neytral tuyg'u yaratadi; 48px harf oralig'i va -0.05em harf oralig'i bilan 600 satr qalinligi tahrirlangan emas, balki puxta o'ylangan ko'rinishga ega aniq va ishonchli sarlavhalarni ta'minlaydi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | zich |
| Asosiy qadam | 8px |
| Tugma radiusi | 18px |
| Karta radiusi | 24px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 48-80px |
| Sahifa kengligi | 1280px |
Sun'iy intellekt veb-saytingizni Ui uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Ventriloc — Issiq qog'ozdagi ma'lumotlarning tahririyat rasadxonasi - monoxrom aniqlikni ta'kidlaydigan bitta to'q sariq rangli cho'g'
- Geniestudio — Yumshoq kunduzgi daftar — keng hoshiyali va bitta qalin ruchkali daftar turi
- xAI — Qora tabletkali iliq krem laboratoriyasi
- Cal — Monoxrom amaliylik, insoniy yondashuv. Qat'iy qora-oq palitra orqali aniqlik va funksionallikka ustuvor ahamiyat beradigan, ammo uni do'stona tipografiya va yumaloq shakllar bilan yumshatadigan tizim.
- Scale — Texnik loyiha bilan birlashtirilgan yuqori sifatli muzey sifatidagi fotolaboratoriya
- Contractbook — ultramarin osmoni ostida krem qog'ozining shartnomalari
- AutoSend — Bitta binafsha chiroqli shinam tosh studiya — bu yerda serif sarlavhalari va yorqin indigo chaqiriqlari bitta sokin, deyarli oq makonda birga yashaydi.
- Air — "Shisha orqali yarim tun osmoni" haykali
- SpatialChat — oq pergamentdagi binafsha puls
- Squarespace — Kinematik monoxrom galereyasi
- Giga — Muzli obsidian ustida yarim tun ufqi
- Supabase — Yarim tunda fosforli yashil nuqta bilan kod muharriri - ko'mir changi dengizidagi bitta xromatik impuls