Как собрать цвета страницы и не спутать их с брендбуком.
Извлекайте цвета из реально отображаемых стилей и указывайте их роли. Заметный акцент не обязательно является единственным утверждённым фирменным цветом.
Адаптируйте процесс под свою задачу.
Изучите выбранные элементы и запишите цвета с видимыми ролями: текст, граница, фон. Отделяйте вычисленные значения CSS от цветов, взятых с изображения. Сохраняйте ссылки на элементы и указывайте проверенное состояние или тему страницы.
- Что вы предоставляете
- Видимые стили выбранной страницы.
- Что вы получите
- Используемые цвета с ролями и исходными элементами.
Посмотрите входные данные и результат.
Иллюстративные входные и выходные данные · учебный пример, а не реальный запуск WebAct
Полей ввода: Пример
Supplied style inspection: .card background #ffffff; button.primary background #d97736. These are inspected values, not official brand guidelines.
Готовый пример
.card — role: card background — color: #ffffff button.primary — role: primary-button background — color: #d97736 Scope: two supplied element styles. Hover states, theme variants and brand approval are not established by this sample.
Добавьте эти данные в промпт и скопируйте его в WebAct, чтобы попробовать задачу. Ваш результат может отличаться от примера.
Решения и устранение проблем.
Можно ли считать цвета одной страницы официальной палитрой бренда?
Они описывают лишь проверенную страницу. Правила бренда, доступные сочетания и утверждённые варианты требуют отдельной документации.
Почему цвет кнопки меняется при наведении?
Интерактивные состояния могут переопределять обычный стиль. Записывайте состояние вместе со значением для полезной палитры.
Попробуйте на собственном источнике.
Замените пример своим материалом в промпте. Сохраните нужные требования и скопируйте задачу в WebAct.
Настроить и скопировать задачу ↑