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 — Редактор кода в полночь с фосфоресцирующей зеленой точкой — одиночный хроматический импульс на море угольной…