Анализатор дизайн-токенов — вставьте URL, получите design.md.
Извлекает цвета, типографику, отступы, тени, радиусы, брейкпоинты и UI-компоненты с любого сайта.
Онлайн: https://tom-opencart.github.io/design-analyzer/
Локально: откройте index.html в браузере, вставьте URL, нажмите Analyze.
Генерирует структурированный design.md с разделами:
- Colors — акцентный цвет, поверхности, текст, границы (с семантическими метками)
- Typography — семейство шрифтов, иерархия размеров, диапазон насыщенности
- Layout — шкала отступов, ширина контейнеров, брейкпоинты
- Elevation — уровни теней
- Shapes — токены скруглений
- Components — кнопки, поля ввода, изображения, навигация, футер, модалки, табы
- Do's & Don'ts — правила, извлечённые из реального дизайн-языка
- Responsive — обнаруженные брейкпоинты
Tom