StylePeek — Инспектор стилей дизайна

Мгновенная проверка шрифтов, цветов и отступов на любом сайте — без открытия DevTools.

StylePeek — это инспектор дизайна, созданный для скорости. Откройте боковую панель, кликните на любой элемент — и тут же увидите его стили. Без перезагрузки страниц, без вмешательства в DOM, без лишних действий.

КАК ЭТО РАБОТАЕТ:
1. Нажмите на иконку StylePeek, чтобы открыть боковую панель
2. Нажмите «Начать инспекцию» и выберите любой элемент на странице
3. Мгновенно увидите типографику, цвета и отступы в боковой панели
4. Скопируйте любое значение одним кликом

Боковая панель остаётся открытой при переходе между страницами — проверяйте элементы на разных страницах и вкладках без повторного открытия.

БЕСПЛАТНЫЕ ФУНКЦИИ:
- Проверка семейства шрифтов, размера, начертания и межстрочного интервала
- Извлечение цветов (hex, RGB, HSL) с предпросмотром образцов
- Измерение внешних и внутренних отступов с визуальной блочной моделью
- Копирование любого значения одним кликом
- Работает на любом сайте

ФУНКЦИИ PRO:
- Экспорт стилей в виде классов Tailwind CSS
- Экспорт в пользовательские свойства CSS или дизайн-токены JSON
- Извлечение цветов из изображений
- Полный анализ дизайна страницы и обзор стилей

КОНФИДЕНЦИАЛЬНОСТЬ:
- Вся инспекция выполняется локально в вашем браузере — данные не отправляются ни на один сервер
- Без внедрения в DOM — инспектируемые страницы остаются полностью чистыми
- Для бесплатных функций учётная запись не требуется

ЗАЧЕМ НУЖНЫ РАЗРЕШЕНИЯ ДЛЯ ХОСТА:
StylePeek нужен доступ к веб-страницам для чтения CSS-стилей элементов, на которые вы нажимаете. Это необходимо для работы боковой панели между вкладками. Содержимое страниц не собирается, не сохраняется и не передаётся.

Идеально подходит для веб-дизайнеров, проверяющих референсные сайты, фронтенд-разработчиков, отлаживающих вёрстку, и команд дизайн-систем, проверяющих консистентность.