GitBucket
|
|
|||
|---|---|---|---|
| .. | |||
| README.md | 23 hours ago | ||
| favicon-16px.png | 23 hours ago | ||
| favicon-32px.png | 23 hours ago | ||
| favicon-48px.png | 23 hours ago | ||
| favicon-64px.png | 23 hours ago | ||
| favicon.svg | 23 hours ago | ||
| logo-monochrome.svg | 23 hours ago | ||
| logo-primary.svg | 23 hours ago | ||
| logo-simple.svg | 23 hours ago | ||
README.md
Branding — Smart Home System
Логотип и иконки для системы умного дома.
Концепция
Логотип представляет собой стилизованное изображение дома с элементами, символизирующими:
- WiFi сигнал (верхний правый угол) — беспроводная связь, IoT
- Центральный хаб (круг в центре) — управление и автоматизация
- Точки подключения — подключённые устройства и каналы
- Красный цвет — энергия, активность, современность
Файлы
Логотипы
| Файл | Описание | Использование |
|---|---|---|
logo-primary.svg |
Основная версия с градиентом | Презентации, документация, сайт |
logo-simple.svg |
Упрощённая версия | UI элементы, кнопки, заголовки |
logo-monochrome.svg |
Монохромная версия | Тёмные фоны, печать |
Favicon
| Файл | Размер | Использование |
|---|---|---|
favicon.svg |
Вектор | Современные браузеры |
favicon-16px.png |
16×16 | Браузеры, списки закладок |
favicon-32px.png |
32×32 | Вкладки браузера |
favicon-48px.png |
48×48 | Ярлыки на рабочем столе |
favicon-64px.png |
64×64 | Retina дисплеи |
Цветовая палитра
Primary Red: #ff4757 Light Red: #ff6b7a Dark Red: #c41e3a Dark: #2d3436 White: #ffffff
Подключение в HTML
<head> <!-- Favicon для современных браузеров --> <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg"> <!-- Fallback для старых браузеров --> <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32px.png"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png"> </head>
Использование в Vue
<template> <img src="/assets/logo-simple.svg" alt="Smart Home" class="logo" /> </template>
Генерация дополнительных форматов
# Конвертация SVG в PNG rsvg-convert -w 180 -h 180 logo-simple.svg apple-touch-icon.png # Генерация всех размеров favicon из SVG # Используйте онлайн-генератор или инструмент like realfavicongenerator.net
Лицензия
© 2026 Smart Home System. Все права защищены.