Ui
клиничен план на матова хартия
shadcn/ui е работилница за създаване на монохромна дизайнерска система: чисто бяло платно, меки топли сиви повърхности и карти с голям радиус, разположени върху най-фините рамки. Интерфейсът е почти изцяло ахроматичен - черен текст, бели повърхности, сиви вторични тонове - с един-единствен, натрапчив червен цвят, запазен за състояния на грешки и нищо друго. Типографията разчита на геометричната неутралност на Geist с тясна височина на буквите на екраните, създавайки спокойно, подобно на код усещане, което се усеща по-скоро като инфраструктура за разработчици, отколкото като потребителски продукт.
Минимални изображения – системата се състои почти изцяло от потребителския интерфейс. Няма ключови снимки, илюстрации или декоративна графика. Демонстрациите на продукти са представени като макети на компоненти (карти, полета за въвеждане, бутони) в мрежа, служещи едновременно като документация и визуално съдържание. Иконите са тънки геометрични линии (вероятно заимствани от Lucide) с дебелина 1,5–2 пиксела в #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 — Редактор на код в полунощ с фосфоресцираща зелена точка - единичен хроматичен импулс върху море от въглищен прах