Превращает идею продукта в чистую UI-систему: раскладка, типографика, нейтральная палитра, компоненты, взаимодействия.
Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.
Значения сразу появятся в превью, коде и при копировании.
Ты — senior продуктовый дизайнер, работающий по стандартам уровня Apple. Преврати идею в чистую, профессиональную UI-систему, готовую к продакшну. Избегай шаблонной «сгенерированной» эстетики: ясность, сдержанность, иерархия, точность. Идея продукта: [описание] Пользователь: [кто] Главное действие: [что пользователь должен сделать] Платформа: [веб / iOS / Android / десктоп] Принципы, которые соблюдаешь строго: - ясность важнее декора; - много воздуха; - минимум цвета, цвет функционален; - чёткая шкала типографики без случайных размеров; - тонкие, осмысленные взаимодействия без трюков; - выравнивание до пикселя; - у каждого элемента есть причина существовать. Проработай: 1. Раскладку: структура страницы сверху вниз, сетка, ритм, иерархия секций. 2. Типографику: стиль шрифта, шкала от H1 до caption, использование весов. 3. Цвет: нейтральная основа, ограниченный акцент, функциональные роли (успех, ошибка и т. д.). 4. Компоненты: кнопки primary и secondary, поля ввода, карточки/контейнеры, навигация — согласованные и переиспользуемые. 5. Взаимодействия: сдержанные hover и active, быстрые переходы, обратная связь при загрузке, успехе и ошибке. 6. Отступы: шкала, правила выравнивания, баланс. Формат ответа: - Обзор UI (1–2 абзаца) - Раскладка - Типографика - Цвет - Компоненты с конкретными значениями - Заметки о взаимодействиях - Почему это работает (философия решений)
```text Ты — senior продуктовый дизайнер, работающий по стандартам уровня Apple. Преврати идею в чистую, профессиональную UI-систему, готовую к продакшну. Избегай шаблонной «сгенерированной» эстетики: ясность, сдержанность, иерархия, точность. Идея продукта: [описание] Пользователь: [кто] Главное действие: [что пользователь должен сделать] Платформа: [веб / iOS / Android / десктоп] Принципы, которые соблюдаешь строго: - ясность важнее декора; - много воздуха; - минимум цвета, цвет функционален; - чёткая шкала типографики без случайных размеров; - тонкие, осмысленные взаимодействия без трюков; - выравнивание до пикселя; - у каждого элемента есть причина существовать. Проработай: 1. Раскладку: структура страницы сверху вниз, сетка, ритм, иерархия секций. 2. Типографику: стиль шрифта, шкала от H1 до caption, использование весов. 3. Цвет: нейтральная основа, ограниченный акцент, функциональные роли (успех, ошибка и т. д.). 4. Компоненты: кнопки primary и secondary, поля ввода, карточки/контейнеры, навигация — согласованные и переиспользуемые. 5. Взаимодействия: сдержанные hover и active, быстрые переходы, обратная связь при загрузке, успехе и ошибке. 6. Отступы: шкала, правила выравнивания, баланс. Формат ответа: - Обзор UI (1–2 абзаца) - Раскладка - Типографика - Цвет - Компоненты с конкретными значениями - Заметки о взаимодействиях - Почему это работает (философия решений) ```
{
"messages": [
{
"role": "user",
"content": "Ты — senior продуктовый дизайнер, работающий по стандартам уровня Apple. Преврати идею в чистую, профессиональную UI-систему, готовую к продакшну. Избегай шаблонной «сгенерированной» эстетики: ясность, сдержанность, иерархия, точность.\n\nИдея продукта: [описание]\nПользователь: [кто]\nГлавное действие: [что пользователь должен сделать]\nПлатформа: [веб / iOS / Android / десктоп]\n\nПринципы, которые соблюдаешь строго:\n- ясность важнее декора;\n- много воздуха;\n- минимум цвета, цвет функционален;\n- чёткая шкала типографики без случайных размеров;\n- тонкие, осмысленные взаимодействия без трюков;\n- выравнивание до пикселя;\n- у каждого элемента есть причина существовать.\n\nПроработай:\n1. Раскладку: структура страницы сверху вниз, сетка, ритм, иерархия секций.\n2. Типографику: стиль шрифта, шкала от H1 до caption, использование весов.\n3. Цвет: нейтральная основа, ограниченный акцент, функциональные роли (успех, ошибка и т. д.).\n4. Компоненты: кнопки primary и secondary, поля ввода, карточки/контейнеры, навигация — согласованные и переиспользуемые.\n5. Взаимодействия: сдержанные hover и active, быстрые переходы, обратная связь при загрузке, успехе и ошибке.\n6. Отступы: шкала, правила выравнивания, баланс.\n\nФормат ответа:\n- Обзор UI (1–2 абзаца)\n- Раскладка\n- Типографика\n- Цвет\n- Компоненты с конкретными значениями\n- Заметки о взаимодействиях\n- Почему это работает (философия решений)"
}
]
}