Поиск

Десктопная версия
Мобильная версия

Десктопная версия

Поиск в шапке
Поиск в каталоге

Поиск в шапке

Используйте тень уровня Z2 для поля с саджестами.
Поле поиска отделено от саждестов разделителем.

Стили текста в поле поиска:
— для плейсхолдера Body L 300 (Normal) серый;
— для введенных данных Body L 500 (Normal) черный.

Стили текста в саджестах:
— для совпадений в названии Body M 500 (Normal) черный;
— для остальной части текста Body M 300 (Normal) черный;
— для примечания Body S 300 (Normal) серый.

Поиск в каталоге

Используйте стандартные закругления 10px.
Цвет инпута #E6E6E6, rgb (230, 230, 230).

Стили текста в поле поиска:
— для плейсхолдера Body M 300 (Normal) серый;
— для введенных данных Body M 300 (Normal) черный.

Стили текста в саджестах:
— для совпадений в названии Body M 500 (Normal) черный;
— для остальной части текста Body M 300 (Normal) черный;
— для примечания Body S 300 (Normal) серый.

Используйте тень уровня Z4 для активного поля с саджестами.
Поле поиска отделено от саждестов разделителем.

Мобильная версия

Поиск в меню
Поиск в каталоге

Поиск в меню

Стили текста в поле поиска:
— для плейсхолдера Body L 300 (Normal) серый;
— для введенных данных Body L 300 (Normal) черный.
Используйте стандартные стили и размеры текстовых полей.

Стили текста в саджестах:
— для совпадений в названии Body M 500 (Normal) черный;
— для остальной части текста Body M 300 (Normal) черный;
— для примечания Body S 300 (Normal) серый.

Добавляйте тень уровня Z 2 к плашке с поиском при скролле.

Поиск в каталоге

Стили текста в поле поиска:
— для плейсхолдера Body M 300 (Normal) серый;
— для введенных данных Body M 500 (Normal) черный;
— кнопка отмены Link M 500 (Normal).

Далее «Поля ввода»