Назад до бібліотеки промптів
Бібліотека промптівПромпт для зображення

Дошка системи UI-стилю

Створіть багатосторінкову дошку системи UI-стилю з 8px-сіткою, колірними токенами, шкалою типографіки, станами компонентів і вирівняними прикладами макетів.

Дизайн-системаUI-набірТипографіка
Попередній перегляд

Промпт для зображення

Рекомендована модель

Seedream 5.0 Lite

Формат результату

Шаблон промпта для зображення

Попередній перегляд

Промпт для зображення

Прев'ю дошки системи UI-стилю з колірними токенами, шкалою типографіки, станами компонентів і прикладами адаптивних макетів.

Прев'ю для дошки системи UI-стилю з фокусом на послідовності системи, вирівнюванні за сіткою, редагованих токенах і UI-прикладах, готових для продукту.

Повний промпт

Дошка системи UI-стилю

Багатосторінкова дошка системи UI-стилю з 8px-сіткою, колірними токенами, шкалою типографіки, компонентами та адаптивними макетами.

Рекомендована модель: Seedream 5.0 LiteФормат результату: Шаблон промпта для зображення
Повний промпт
Промпт для зображення
Створіть відшліфовану багатосторінкову дошку системи UI-стилю для [PRODUCT_OR_BRAND]. Подайте систему як цілісний набір дизайн-сторінок на одному чистому полотні прев'ю. Використовуйте строгу 8px-сітку відступів, послідовні поля, точне вирівнювання та чітку ієрархію на кожній сторінці. Додайте панель колірних токенів із зразками основних, вторинних, нейтральних, семантичних і фонових кольорів; шкалу типографіки із стилями заголовків, основного тексту, підписів і чисел; аркуш компонентів із кнопками, полями введення, картками, навігацією, бейджами та порожніми станами; а також два приклади адаптивних макетів із пропорціями для десктопа й мобільного екрана. Зберігайте систему візуально послідовною, редагованою та придатною для SaaS-продукту, інструмента для креаторів, бренду електронної комерції або внутрішньої панелі керування. Використовуйте реалістичний текст-заповнювач лише там, де це потрібно, і робіть підписи достатньо короткими для читання. Уникайте реальних логотипів, скопійованих дизайн-систем, назв брендів, які не надав користувач, спотвореної типографіки, непослідовних відступів, невідповідних тіней, декоративного шуму, недоступного контрасту та прикладів компонентів, що ламають сітку.

Примітки щодо використання

Перед запуском замініть тип продукту, тон бренду, напрям палітри, список компонентів, приклади макетів і вимоги доступності.

Поширені запитання про промпт

Перед використанням цього промпта

Швидко перевірте вхідні дані, відповідність моделі та спосіб адаптації шаблона без погіршення результату.

Що варто налаштувати насамперед?

Визначте тип продукту, тон бренду, базову палітру, характер типографіки, обсяг компонентів і те, чи мають приклади відчуватися ближчими до маркетингу або до панелі керування.

Чи може цей промпт створити придатну до використання дизайн-систему?

Він створює візуальну дошку системи стилю для дослідження та презентації. Перед перетворенням на виробничі UI-токени перевірте відступи, контраст, типографіку та поведінку компонентів.

Що перевірити перед публікацією зображення?

Перевірте, що підписи читабельні, колірні зразки чітко відрізняються, ієрархія шрифтів зрозуміла, компоненти мають спільну логіку відступів і не скопійовано реальну бренд-систему.

Інші промпти цього типу

Попередній перегляд редакційного макро зображення охолодженого напою з головним холодним напоєм, конденсатом, текстурою скла, контрольованими відблисками і кадруванням, готовим для кампанії.
Прев'ю кінематографічного кадру продукту догляду за шкірою з відшліфованим продуктом краси, контрольованими відбиттями, чистим реквізитом і редагованою бренд-зоною.
Прев'ю авангардного рекламного креативу туші з продуктом-суб'єктом, композицією, стильовим напрямом і багаторазовою структурою виводу.