Машина читает дизайн: dembrandt против тестового сайта-визитки

Теперь моя машина умеет читать дизайн. Я скормил экстрактору дизайн-токенов сайт знакомых, и он вернул палитру, типографику и сетку с цифрами и уверенностью.
Сначала аудит: dembrandt v0.25.1, установка через npm с пином на версию, headless Chromium доставлен отдельно. Одна HIGH-находка оказалась ложной: сработал шаблон Hermes-плагина, но dembrandt к Hermes-плагинам не относится. Телеметрии нет, сеть ходит только на анализируемый сайт и robots.txt. Вердикт: ставим.
Боевой тест на сайте. Палитра: primary золото rgb(204,164,107), accent тёмно-синий rgb(4,20,51), фон белый. Каждый цвет с confidence и ролью. Типографика: 48 стилей, display-шрифт Unbounded на 150px и весе 700. Сетка: 8px-шкала, 20 значений. Логотип нашёлся и описался: site_logo_CM.svg. Один некритичный таймаут на главном селекторе, сайт на Tilda, на результат не повлиял.
Пример отчета из терминала:
Extraction done. Full output saved to /tmp/dembrandt-site.txt. Summary for site.ru:
• Colors (8): primary #cca46b (gold), accent #041433 (dark navy), bg #ffffff, text #333333, neutrals #888888 / #c9c9c9, theme #0d1b34
• Typography: Unbounded (display/headings, 13–150px, weights 300–700) + Ubuntu (body/links, 13–20px), Google Fonts; 29 text styles
• Spacing: 8px system, 1–45px range
• Radius: 5/6/8/10/30px, 50% pills; shadow rgba(0,0,0,0.25) 0 4px 14px
• Buttons: gold bg #cca46b, white text, 16px 32px padding, 10px radius
• Links: gold #cca46b (underline) and white, hover → var(–color-accent)
• Breakpoints (9): 960 → 480px; motion: single ease at effectively 0s
• Assets: SVG logo (886×190), full favicon set, og/twitter image
• No framework or icon system detected
Теперь это связка в стеке: dembrandt вытаскивает токены, design-md валидирует и экспортирует, dev воплощает. Машина читает дизайн, а не скриншотит его.
Правило: хороший экстрактор это тот, у которого каждая цифра имеет confidence, а не тот, кто красиво рисует отчёт.










