Ui
клінічны план на матавай паперы
shadcn/ui - гэта майстэрня па стварэнні манахромнай дызайн-сістэмы: чыстае белае палатно, мяккія цёплыя шэрыя паверхні і карткі з вялікім радыусам, размешчаныя на найтонкіх межах. Інтэрфейс амаль цалкам ахраматычны - чорны тэкст, белыя паверхні, шэрыя другасныя тоны - з адзіным разбуральным чырвоным колерам, зарэзерваваным для станаў памылак і нічога больш. Друкарня абапіраецца на геаметрычную нейтральнасць Geist з малой міжлітарнай адлегласцю на экранах, ствараючы спакойнае, блізкае да кода адчуванне, якое ўспрымаецца хутчэй як інфраструктура для распрацоўнікаў, чым як спажывецкі прадукт.
Мінімальная колькасць малюнкаў - сістэма практычна цалкам складаецца з карыстацкага інтэрфейсу. Ніякіх галоўных фатаграфій, ілюстрацый, дэкаратыўнай графікі. Дэманстрацыі прадуктаў прадстаўлены ў выглядзе макетаў кампанентаў (картак, палёў уводу, кнопак) у сетцы, служачых адначасова дакументацыяй і візуальным кантэнтам. Абразкі - гэта тонкія геаметрычныя лініі (верагодна, запазычаныя з Lucide) таўшчынёй 1,5-2pxв#0a0a0aабо#737373, выкарыстоўваныя эканомна ў якасці функцыянальных падказак. Візуальная мова - гэта самі кампаненты карыстацкага інтэрфейсу - старонка функцыянуе як жывое кіраўніцтва па стылі, дзе кожны бачны элемент з'яўляецца бачным дызайнерскім элементам.
Палітра
Нейтральныя
- Canvas
#f5f5f5— Фон старонкі, прыглушанае заліванне паверхні, дадатковыя кнопкі. - Paper
#ffffff— Паверхні картак, фоны усплываючых вокнаў, заліванне асноўных кнопак - Surface Alt
#fafafa— Фон бакавой панэлі, ненадакучлівы варыянт карткі, стан спакою поля ўводу. - Ink
#0a0a0a— Асноўны тэкст, загалоўкі, подпісы кнопак, абводка абразкоў. - Ink Soft
#171717— Фонавыя выявы кнопак з заліўкай, дадатковы тэкст на светлых паверхнях. - Mid Gray
#737373— Асноўны тэкст, тэкст-запаўняльнік, дапаможныя пазнакі, заліванне абразкоў у стане спакою - усё гэта прыглушана.
Друкарня
ад 12 да 48px · 8 прыступак
- Geist — замена: Inter · напісання 400, 500, 600 · Увесь тэкст інтэрфейсу - асноўны тэкст з таўшчынёй лініі 14px/400, загалоўкі з таўшчынёй лініі 24-48px/600, кнопкі з таўшчынёй лініі 13-14px/500. Геаметрычныя формы літар Geist і раўнамерная таўшчыня лініі ствараюць нейтральнасць для прылад распрацоўшчыкаў; таўшчыня лініі 600 з міжлітарным інтэрвалам 48px і міжлітарнай адлегласцю -0.05em забяспечвае выразныя, упэўненыя загалоўкі, якія выглядаюць хутчэй прадуманымі, чым адрэдагаванымі.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | шчыльная |
| Базавы крок | 8px |
| Радыус кнопак | 18px |
| Радыус картак | 24px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 48-80px |
| Шырыня старонкі | 1280px |
ІІ збярэ ваш сайт у стылі Ui і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- Ventriloc — Рэдакцыйная абсерваторыя дадзеных на цёплай паперы - адзіны аранжавы вугалёк, які падкрэслівае манахромную дакладнасць.
- Geniestudio — Нататнік з мяккім дзённым святлом - такі, з шырокімі палямі і адной тоўстай рыскай пяра
- xAI — лабараторыя цёплых вяршкоў з чорнай таблеткай
- Cal — Манахромная практычнасць, чалавечны падыход. Сістэма, у якой прыярытэт аддаецца яснасці і функцыянальнасці дзякуючы строгай чорна-белай палітры, але мякчэе прыязнай друкаркай і круглявымі формамі
- Scale — Высакаякасная фоталабараторыя музейнага ўзроўню ў спалучэнні з тэхнічным праектам
- Contractbook — кантракты з крэмавай паперы пад ультрамарынавым небам
- AutoSend — Утульная каменная майстэрня з адзіным фіялетавым агеньчыкам - дзе загалоўкі з засечкамі і заклікі да дзеяння ярка-індыгавага колеру суседнічаюць у адным ціхім, амаль белым памяшканні.
- Air — скульптура «Паўночнае неба скрозь шкло»
- SpatialChat — фіялетавы пульс на белым пергаменце
- Squarespace — Кінематаграфічная манахромная галерэя
- Giga — Паўночны гарызонт над матавым абсідыянам
- Supabase — Рэдактар кода апоўначы з фасфарасцыруючай зялёнай кропкай - адзіночны храматычны імпульс на моры вугальнага пылу