Ui
mat kağız üzərində klinik plan
shadcn/ui monoxrom dizayn sistemi yaratmaq üçün bir emalatxanadır: təmiz ağ kətan, yumşaq isti boz səthlər və ən incə sərhədlərdə yerləşdirilmiş böyük radiuslu kartlar. İnterfeys demək olar ki, tamamilə axromatikdir - qara mətn, ağ səthlər, boz ikinci dərəcəli tonlar - səhv vəziyyətləri üçün ayrılmış tək, dağıdıcı qırmızı rəng və başqa heç nə yoxdur. Tipoqrafiya, ekranlarda sıx hərf hündürlüyü ilə Geist-in həndəsi neytrallığına əsaslanır və istehlakçı məhsulundan daha çox geliştirici infrastrukturuna bənzəyən sakit, kod kimi bir hiss yaradır.
Minimal şəkillər — sistem demək olar ki, tamamilə istifadəçi interfeysindən ibarətdir. Əsas fotoşəkillər, illüstrasiyalar və ya dekorativ qrafika yoxdur. Məhsul demoları həm sənədləşmə, həm də vizual məzmun kimi xidmət edən bir şəbəkədə komponent maketləri (kartlar, giriş sahələri, düymələr) kimi təqdim olunur. İkonlar, #0a0a0a və ya #737373 şriftlərində 1,5–2 piksel qalınlığında nazik həndəsi xətlərdir (ehtimal ki, Lucide-dən götürülmüşdür) və funksional işarələr kimi nadir hallarda istifadə olunur. Vizual dil UI komponentlərinin özləridir — səhifə hər görünən elementin görünən dizayn elementi olduğu yaşayış tərzi bələdçisi kimi fəaliyyət göstərir.
Palitra
Neytral
- Canvas
#f5f5f5— Səhifə arxa planı, səssizləşdirilmiş səth doldurma, əlavə düymələr. - Paper
#ffffff— Kart səthləri, açılan arxa planlar, əsas düymə doldurmaları - Surface Alt
#fafafa— Yan panel arxa planı, diqqət çəkməyən kart seçimi, giriş sahəsinin boş vəziyyəti. - Ink
#0a0a0a— Əsas mətn, başlıqlar, düymə etiketləri, işarə konturları. - Ink Soft
#171717— Doldurma ilə düyməli fon şəkilləri, işıqlı səthlərdə əlavə mətn. - Mid Gray
#737373— Əsas mətn, yer tutucu mətn, köməkçi etiketlər və qalan işarə doldurma funksiyaları səssiz rejimdədir.
Tipoqrafiya
12-dən 48 pikselə qədər · 8 addım
- Geist — əvəzetmə: Inter · konturlar 400, 500, 600 · Bütün interfeys mətnləri — sətir qalınlığı 14px/400 olan əsas mətn, sətir qalınlığı 24–48px/600 olan başlıqlar və sətir qalınlığı 13–14px/500 olan düymələr. Geist-in həndəsi hərf formaları və vahid sətir qalınlığı geliştirici alətləri üçün neytral bir hiss yaradır; 48px hərf aralığı və -0.05em hərf aralığı olan 600 sətir qalınlığı redaktə edilməkdənsə, düşüncəli görünən aydın və inamlı başlıqlar təmin edir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 8px |
| Düymə radiusu | 18px |
| Kart radiusu | 24px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 48-80px |
| Səhifə eni | 1280px |
Süni intellekt veb saytınızı Ui üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Ventriloc — İsti kağız üzərində məlumatların redaksiya müşahidə mərkəzi - monoxrom dəqiqliyi vurğulayan tək narıncı köz
- Geniestudio — Yumşaq gün işığı dəftəri — geniş kənarları və bir qalın qələm cizgiləri olan növ
- xAI — Qara həbli isti krem laboratoriyası
- Cal — Monoxrom praktiklik, insani yanaşma. Sərt qara-ağ palitrası vasitəsilə aydınlığa və funksionallığa üstünlük verən, lakin onu dostcasına tipoqrafiya və yuvarlaq formalarla yumşaldan bir sistem.
- Scale — Texniki layihə ilə birləşdirilmiş yüksək keyfiyyətli muzey keyfiyyətli fotolaboratoriya
- Contractbook — ultramarin səması altında krem kağızının müqavilələri
- AutoSend — Tək bənövşəyi işıqlı rahat daş studiya — serif başlıqları və parlaq indigo çağırışlarının sakit, demək olar ki, ağ bir məkanda bir arada olduğu.
- Air — "Gecəyarısı Şüşədən Səma" heykəli
- SpatialChat — ağ perqament üzərində bənövşəyi nəbz
- Squarespace — Kinematik Monoxrom Qalereyası
- Giga — Buzlu obsidianın üzərində gecə yarısı üfüqü
- Supabase — Gecə yarısı fosforlu yaşıl nöqtə ilə kod redaktoru - kömür tozu dənizində tək bir xromatik impuls