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