Назад до prompt library
Бібліотека promptImage Prompt

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

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

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

Image Prompt

Recommended model

Seedream 5.0 Lite

Output format

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

Preview

Image Prompt

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

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

Full prompt

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

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

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

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

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

Prompt FAQ

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

Quick checks для inputs, model fit і того, як адаптувати template без послаблення result.

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

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

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

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

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

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

Більше prompts у цьому mode

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