GitBucket
|
|
|||
|---|---|---|---|
| .. | |||
| README.md | 21 hours ago | ||
| favicon-16px.png | 22 hours ago | ||
| favicon-32px.png | 22 hours ago | ||
| favicon-48px.png | 22 hours ago | ||
| favicon-64px.png | 22 hours ago | ||
| favicon.svg | 21 hours ago | ||
| logo-128.png | 21 hours ago | ||
| logo-256.png | 21 hours ago | ||
| logo-32.png | 21 hours ago | ||
| logo-512.png | 21 hours ago | ||
| logo-64.png | 21 hours ago | ||
| logo-cube-square.svg | 21 hours ago | ||
README.md
Branding — Smart Home System
Логотип и иконки для системы умного дома.
Концепция
Логотип представляет собой изометрический куб, символизирующий:
- Куб — центральный хаб/контроллер умного дома, ядро системы
- Орбитальные точки — подключённые устройства (разные цвета = разные типы устройств)
- Орбита — сеть, связь между устройствами, экосистема
- Скруглённый квадрат — защита, безопасность, дом
Цветовая палитра
Primary Purple: #6366f1 (Indigo) Secondary Purple: #8b5cf6 (Violet) Accent Orange: #f97316 (Orange) Accent Teal: #14b8a6 (Teal) Background: #1e1b4b (Dark Indigo)
Файлы
Логотипы
| Файл | Описание | Использование |
|---|---|---|
logo-cube-square.svg |
Основная версия — куб в скруглённом квадрате | UI, сайт, презентации |
logo-32.png — logo-512.png |
PNG версии разных размеров | Приложения, документы |
Favicon
| Файл | Размер | Использование |
|---|---|---|
favicon.svg |
Вектор | Современные браузеры |
favicon-16px.png |
16×16 | Браузеры, закладки |
favicon-32px.png |
32×32 | Вкладки браузера |
favicon-48px.png |
48×48 | Ярлыки на рабочем столе |
favicon-64px.png |
64×64 | Retina дисплеи |
apple-touch-icon.png |
180×180 | iOS устройства |
Подключение в HTML
<head> <!-- Favicon для современных браузеров --> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <!-- Fallback для старых браузеров --> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32px.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16px.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> </head>
Использование в Vue
<template> <img src="/assets/logo-cube-square.svg" alt="Smart Home" class="logo" /> </template>
Генерация дополнительных форматов
# Конвертация SVG в PNG нужного размера convert -background none -resize 256x256 logo-cube-square.svg logo-256.png # Генерация favicon всех размеров # Используйте realfavicongenerator.net или аналогичный сервис
Лицензия
© 2026 Smart Home System. Все права защищены.