OnlineFreeTools.org
  • Главная
  • Image editing tools
    • Текстовый водяной знак — в браузере
    • Извлечь цвета из фото — палитра и выбор кликом
    • Отразить изображение — горизонт./верт.
    • Рамка для фото — цвет и толщина
    • Сжатие изображений — длинная сторона, качество и целевой размер (локально)
    • Обрезка и изменение размера — локально
    • Просмотр и удаление EXIF с фото — GPS, камера, локально
    • Конвертер форматов изображений — PNG JPEG WebP AVIF BMP GIF ICO SVG
    • Оттенки серого — локально
    • Объединить фото — собрать коллаж из нескольких снимков
    • Оптимизация изображений — WebP, AVIF и MozJPEG локально
    • Наложить лого — на фото в браузере
    • Изображение ↔ Base64
    • Изображения в GIF — короткая анимация
    • Изображения в PDF — по странице на фото
    • Изображения в PowerPoint — слайд на фото
    • Изображения в Word — локальный DOCX
  • Инструменты дизайна
    • Сгенерировать шкалу цвета бренда — палитра 50–950 и CSS‑токены
    • Гайд по стилю бренда — модульный черновик, который можно править
    • Цветовая схема сайта — семантические CSS-токены
    • Проверка контраста WCAG — коэффициент AA/AAA
  • Developer tools
    • Добавить WWW в DNS — A/CNAME и гайды
    • Конвертер CSV ↔ JSON — типы, разделитель, локально
    • Кодирование и декодирование HTML-сущностей — локально
    • IndexNow — отправка URL в Bing, проверка ключа и коды
    • Узнать свой IP — Публичный адрес (IPv4/IPv6)
    • Валидатор JSON Schema — пути draft-07, локально
    • Markdown в HTML и обратно — с очисткой
    • Compare Two Texts Online — Text Diff Checker
    • Проверить HTTP-заголовки сайта — Посмотреть response headers
    • YAML в JSON и обратно — типы, multi-doc, локально
  • Calculators
    • Калькулятор ИМТ — как рассчитать индекс массы тела
    • Калькулятор градиента — многомерный ∇f (частные производные)
    • Калькулятор предельной выручки — Формула ΔTR / ΔQ
    • Калькулятор процентного изменения — От старого значения к новому
    • Калькулятор ROI — Как рассчитать рентабельность инвестиций
    • Квадратные футы в м² — Для жилья и ремонта
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

Инструменты

Текстовый водяной знак — в браузереДобавить WWW в DNS — A/CNAME и гайдыСгенерировать шкалу цвета бренда — палитра 50–950 и CSS‑токеныГайд по стилю бренда — модульный черновик, который можно правитьИзвлечь цвета из фото — палитра и выбор кликомКонвертер CSV ↔ JSON — типы, разделитель, локальноОтразить изображение — горизонт./верт.Калькулятор ИМТ — как рассчитать индекс массы телаКалькулятор градиента — многомерный ∇f (частные производные)Калькулятор предельной выручки — Формула ΔTR / ΔQКалькулятор процентного изменения — От старого значения к новомуКалькулятор ROI — Как рассчитать рентабельность инвестицийКодирование и декодирование HTML-сущностей — локальноРамка для фото — цвет и толщинаСжатие изображений — длинная сторона, качество и целевой размер (локально)Обрезка и изменение размера — локальноПросмотр и удаление EXIF с фото — GPS, камера, локальноКонвертер форматов изображений — PNG JPEG WebP AVIF BMP GIF ICO SVGОттенки серого — локальноОбъединить фото — собрать коллаж из нескольких снимковОптимизация изображений — WebP, AVIF и MozJPEG локальноНаложить лого — на фото в браузереИзображение ↔ Base64Изображения в GIF — короткая анимацияИзображения в PDF — по странице на фотоИзображения в PowerPoint — слайд на фотоИзображения в Word — локальный DOCXIndexNow — отправка URL в Bing, проверка ключа и кодыУзнать свой IP — Публичный адрес (IPv4/IPv6)Валидатор JSON Schema — пути draft-07, локальноMarkdown в HTML и обратно — с очисткойЦветовая схема сайта — семантические CSS-токеныКвадратные футы в м² — Для жилья и ремонтаCompare Two Texts Online — Text Diff CheckerПроверка контраста WCAG — коэффициент AA/AAAПроверить HTTP-заголовки сайта — Посмотреть response headersYAML в JSON и обратно — типы, multi-doc, локально

Гайд по стилю бренда — модульный черновик, который можно править

Соберите брендбук в браузере. Шаги: название, отрасль, основной HEX (пример Northline Studio #0F6E8C), теги характера, модули — получите черновик с охранным полем, цветами, шрифтами, отступами и примерами можно/нельзя, затем скопируйте Markdown или JSON. Умные подстановки редактируются по полям — не облачный AI. Ничего не загружается.

Теги задают радиус, подсказку шрифта, голос и долю основного цвета.

Выключенные модули не попадают в превью и экспорт.

Это редактируемый черновик, не юридическая консультация по trademark. Пресеты (Строгий / Продукт / Дружелюбный) — учебные схемы по публичным гайдам, не официальные kits и не аффилиация с организациями. Генерация локально; чужие logo не хостим.

Как это работает

Заполните основу, выберите пресет и модули, нажмите Создать. Видимые правила характера (радиус, шрифт, голос, доля основного) строят примеры можно/нельзя и экспорт Markdown/JSON. Отредактированное остаётся ручным; Перезаполнить умные поля обновляет только нетронутые подстановки.

Какие правила ждать

Модули, умное vs ручное, контраст и приватность.

  • Структура: Модуль → Элемент → Пример (Можно/Нельзя). Закрытые модули не экспортируются.
  • Теги характера → радиус, max площадь основного, роли шрифтов, голос — правила видны, не чёрный ящик.
  • Охранное поле по умолчанию 1× высота знака (1,5× в Строгом). Мин. цифровой размер по пресету.
  • Статусные цвета фиксированы и отделены от основного; ошибки не наследуют hue бренда.
  • «Умное» — детерминированные правила на этой вкладке, не облачный LLM brand kit.
  • Приватность: генерация, превью и буфер обмена локально. Logo и brand packs не загружаем.

Пример

Пример: Northline Studio, SaaS, #0F6E8C, спокойный + техничный, пресет Продукт. Превью: основа, охранное поле 1×, teal основной с производными вторичным/акцентом, фикс. статусы, роли шрифтов, отступ 8px, карточки Можно/Нельзя. Markdown и JSON синхронны.

Когда подходит

  • Indie-сайты пишут первый лист визуальных правил до найма дизайнера.
  • Фрилансеры отдают клиенту editable Markdown, а не только PDF.
  • Малые команды выравнивают web, social и app chrome по одним правилам поля и цвета.

Frequently asked questions

«Умное» — это AI-генерация бренда?

Нет. Умное = фиксированные видимые правила (характер → радиус/шрифт/голос, HEX → вторичный/акцент). В model API ничего не уходит.

Можно как официальную лицензию на trademark?

Нет. Экспорт — рабочий черновик вашего бренда; не юридический совет и не разрешение на чужие знаки.

Чем отличается от палитры цветов?

Палитры — про swatch или CSS tokens. Здесь много-модульный документ (logo, типографика, отступы, примеры). Для глубоких систем — Brand Color Scale или Smart Website Color Scheme.

Что меняют пресеты структуры?

Строгий — охранное поле и границы; Продукт — token-friendly модули; Дружелюбный — ещё голос и touchpoints. Модули можно переключать вручную.

Закрытые модули остаются в JSON?

Флаги модулей сохраняются; превью и Markdown опускают закрытые разделы — партнёры видят только включённое.

Как работают экспорт в Word и PDF?

Word и PDF снимают то же превью, что на странице (html2canvas), и разбивают на изображения .docx или страницы PDF. Демо движения замораживаются. Всё локально после генерации; библиотеки грузятся по клику на скачивание.

Related tools

  • Сгенерировать шкалу цвета бренда — палитра 50–950 и CSS‑токены
  • Цветовая схема сайта — семантические CSS-токены
  • Проверка контраста WCAG — коэффициент AA/AAA

Поделиться инструментом

Поделитесь в соцсетях, скопируйте ссылку или используйте системный шаринг.

XFacebookLinkedInRedditWhatsAppTelegram

https://onlinefreetools.org/ru/tools/brand-style-guide

Вопросы и отзывы

Что-то неясно, сломано или отсутствует? Напишите сообщение ниже — мы читаем каждую заметку об этих инструментах.

Email: dailyonetools@outlook.com

References

  • WCAG 2.2 Understanding — Contrast (Minimum)
  • Material Design 3 — Styles
  • Carbon Design System — Color
  • NASA Brand Guidelines (structure reference)
  • docx — JavaScript library
  • pdf-lib
OnlineFreeTools.org · Учебный проект · Постоянное обновление
О сайте·Журналы разработки·Конфиденциальность·Условия·Контакты