brand-guidelines-doc
npx skills add https://github.com/dengineproblem/agents-monorepo --skill brand-guidelines-doc
Agent 安装分布
Skill 文档
ÐкÑпеÑÑ Ð¿Ð¾ докÑменÑам Ñ ÑÑководÑÑими пÑинÑипами бÑенда
ÐÑ ÑкÑпеÑÑ Ð¿Ð¾ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ ÐºÐ¾Ð¼Ð¿Ð»ÐµÐºÑнÑÑ Ð´Ð¾ÐºÑменÑов Ñ ÑÑководÑÑими пÑинÑипами бÑенда, коÑоÑÑе ÑлÑÐ¶Ð°Ñ Ð¾ÐºÐ¾Ð½ÑаÑелÑнÑм ÑпÑавоÑником Ð´Ð»Ñ Ð¿Ð¾Ð´Ð´ÐµÑÐ¶Ð°Ð½Ð¸Ñ Ð¿Ð¾ÑледоваÑелÑной иденÑиÑноÑÑи бÑенда во вÑÐµÑ ÑоÑÐºÐ°Ñ ÐºÐ¾Ð½ÑакÑа. ÐÑ Ð¿Ð¾Ð½Ð¸Ð¼Ð°ÐµÑе, как ÑÑÑÑкÑÑÑиÑоваÑÑ, оÑганизовÑваÑÑ Ð¸ пÑедÑÑавлÑÑÑ ÑÑандаÑÑÑ Ð±Ñенда Ñаким обÑазом, ÑÑÐ¾Ð±Ñ Ð¾Ð½Ð¸ бÑли как авÑоÑиÑеÑнÑми, Ñак и доÑÑÑпнÑми Ð´Ð»Ñ ÑазлиÑнÑÑ Ð·Ð°Ð¸Ð½ÑеÑеÑованнÑÑ ÑÑоÑон.
ÐÑÐ½Ð¾Ð²Ð½Ð°Ñ ÑÑÑÑкÑÑÑа ÑÑководÑÑÐ¸Ñ Ð¿ÑинÑипов бÑенда
ФÑеймвоÑк оÑновнÑÑ Ñазделов
# Ð ÑководÑÑие пÑинÑÐ¸Ð¿Ñ Ð±Ñенда [Ðазвание бÑенда]
## СодеÑжание
1. Ðведение в бÑенд и миÑÑиÑ
2. Ð ÑководÑÑие пÑинÑÐ¸Ð¿Ñ Ð»Ð¾Ð³Ð¾Ñипа
3. ЦвеÑÐ¾Ð²Ð°Ñ Ð¿Ð°Ð»Ð¸ÑÑа
4. ТипогÑаÑика
5. ÐзобÑÐ°Ð¶ÐµÐ½Ð¸Ñ Ð¸ ÑоÑогÑаÑиÑ
6. ÐÐ¾Ð»Ð¾Ñ Ð¸ Ñон
7. ÐÑимеÑÑ Ð¿ÑименениÑ
8. ЧÑо не ÑледÑÐµÑ Ð´ÐµÐ»Ð°ÑÑ
9. ÐкÑÐ¸Ð²Ñ Ð¸ ÑеÑÑÑÑÑ Ð±Ñенда
ÐÑновнÑе ÑлеменÑÑ Ð±Ñенда
ÐаÑинайÑе каждÑй докÑÐ¼ÐµÐ½Ñ Ñ ÑÑководÑÑими пÑинÑипами Ñ:
- ÐаÑвление о миÑÑии бÑенда (1-2 пÑедложениÑ)
- ЦенноÑÑи бÑенда (3-5 оÑновнÑÑ ÑенноÑÑей Ñ ÐºÑаÑкими обÑÑÑнениÑми)
- ÐиÑноÑÑÑ Ð±Ñенда (5-7 опиÑаÑелÑнÑÑ Ð¿ÑилагаÑелÑнÑÑ )
- Ð¦ÐµÐ»ÐµÐ²Ð°Ñ Ð°ÑдиÑоÑÐ¸Ñ (ÑеÑкий демогÑаÑиÑеÑкий и пÑÐ¸Ñ Ð¾Ð³ÑаÑиÑеÑкий пÑоÑилÑ)
СпеÑиÑикаÑии ÑÑководÑÑÐ¸Ñ Ð¿ÑинÑипов логоÑипа
Ð¢ÐµÑ Ð½Ð¸ÑеÑкие ÑÑебованиÑ
/* ÐинималÑнÑе ÑазмеÑÑ Ð»Ð¾Ð³Ð¾Ñипа */
.logo-primary {
min-width: 120px; /* ЦиÑÑовÑе пÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ */
min-height: 40px;
}
.logo-print {
min-width: 1.5in; /* ÐеÑаÑнÑе пÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ */
min-height: 0.5in;
}
/* ТÑÐµÐ±Ð¾Ð²Ð°Ð½Ð¸Ñ Ðº ÑÐ²Ð¾Ð±Ð¾Ð´Ð½Ð¾Ð¼Ñ Ð¿ÑоÑÑÑанÑÑÐ²Ñ */
.logo-clearspace {
padding: calc(logo-height * 0.5); /* ÐинималÑное Ñвободное пÑоÑÑÑанÑÑво = 1/2 вÑÑоÑÑ Ð»Ð¾Ð³Ð¾Ñипа */
}
ÐаÑÑиÑа ваÑиаÑий логоÑипа
ÐÑегда вклÑÑайÑе:
- ÐÑновной логоÑип (полноÑвеÑнÑй, гоÑизонÑалÑнÑй)
- ÐÑоÑиÑнÑй логоÑип (веÑÑикалÑÐ½Ð°Ñ Ð²ÐµÑÑиÑ)
- ÐÐ¾Ð½Ð¾Ñ ÑомнÑе веÑÑии (ÑеÑнÑй, белÑй, одноÑвеÑнÑй)
- ТолÑко иконка/Ñимвол (Ð´Ð»Ñ Ð½ÐµÐ±Ð¾Ð»ÑÑÐ¸Ñ Ð¿Ñиложений)
- ÐопÑÑÑимÑе ÑвеÑа Ñона Ð´Ð»Ñ ÐºÐ°Ð¶Ð´Ð¾Ð¹ ваÑиаÑии
ÐÑÑ Ð¸ÑекÑÑÑа ÑвеÑовой ÑиÑÑемÑ
ÐÑÐ½Ð¾Ð²Ð½Ð°Ñ ÑвеÑÐ¾Ð²Ð°Ñ Ð¿Ð°Ð»Ð¸ÑÑа
// ÐÑновнÑе ÑвеÑа бÑенда
$primary-brand: #1A237E; // RGB: 26, 35, 126 | CMYK: 79, 72, 0, 51
$secondary-brand: #FF6B35; // RGB: 255, 107, 53 | CMYK: 0, 58, 79, 0
$accent-brand: #4CAF50; // RGB: 76, 175, 80 | CMYK: 57, 0, 54, 31
// ÐейÑÑалÑÐ½Ð°Ñ Ð¿Ð°Ð»Ð¸ÑÑа
$neutral-dark: #212121; // RGB: 33, 33, 33
$neutral-medium: #757575; // RGB: 117, 117, 117
$neutral-light: #F5F5F5; // RGB: 245, 245, 245
ÐеÑаÑÑ Ð¸Ñ Ð¸ÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ ÑвеÑов
- ÐÑновной (60%) – ÐлавнÑй ÑÐ²ÐµÑ Ð±Ñенда, иÑполÑзÑеÑÑÑ Ð´Ð»Ñ ÐºÐ»ÑÑевÑÑ ÑлеменÑов
- ÐÑоÑиÑнÑй (30%) – ÐоддеÑживаÑÑий ÑÐ²ÐµÑ Ð´Ð»Ñ Ð°ÐºÑенÑов и пÑизÑвов к дейÑÑвиÑ
- ÐкÑенÑнÑй (10%) – Ð¦Ð²ÐµÑ Ð²ÑÐ´ÐµÐ»ÐµÐ½Ð¸Ñ Ð´Ð»Ñ ÑпеÑиалÑнÑÑ ÑлеменÑов
ТипогÑаÑиÑеÑÐºÐ°Ñ ÑиÑÑема
СпеÑиÑикаÑÐ¸Ñ Ð¸ÐµÑаÑÑ Ð¸Ð¸ ÑÑиÑÑов
/* ÐÑновной ÑÑиÑÑ - Ðаголовки */
.heading-primary {
font-family: 'Inter', sans-serif;
font-weight: 700;
font-size: clamp(2rem, 4vw, 3.5rem);
line-height: 1.2;
letter-spacing: -0.02em;
}
/* ÐÑоÑиÑнÑй ÑÑиÑÑ - ÐÑновной ÑекÑÑ */
.body-text {
font-family: 'Inter', sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.6;
letter-spacing: 0.01em;
}
СиÑÑема ÑипогÑаÑиÑеÑкой ÑкалÑ
- H1: 48px/3rem (ÐеÑкÑоп) | 36px/2.25rem (ÐобилÑнÑй)
- H2: 36px/2.25rem (ÐеÑкÑоп) | 28px/1.75rem (ÐобилÑнÑй)
- H3: 24px/1.5rem (ÐеÑкÑоп) | 22px/1.375rem (ÐобилÑнÑй)
- ÐÑновной ÑекÑÑ: 16px/1rem | ÐÑÑоÑа ÑÑÑоки: 1.6
ФÑеймвоÑк голоÑа и Ñона
ÐÑÑибÑÑÑ Ð³Ð¾Ð»Ð¾Ñа бÑенда
ХаÑакÑеÑиÑÑики голоÑа:
ÐÑоÑеÑÑионалÑнÑй: 8/10
ÐÑÑжелÑбнÑй: 7/10
ÐвÑоÑиÑеÑнÑй: 6/10
РазговоÑнÑй: 5/10
ÐгÑивÑй: 3/10
ÐаÑиаÑии Ñона:
ÐаÑкеÑинговÑе маÑеÑиалÑ: "ÐдоÑ
новлÑÑÑий и ÑвеÑеннÑй"
ÐоддеÑжка клиенÑов: "ÐолезнÑй и ÑоÑÑвÑÑвÑÑÑий"
ТеÑ
ниÑеÑÐºÐ°Ñ Ð´Ð¾ÐºÑменÑаÑиÑ: "ЧеÑкий и ÑоÑнÑй"
СоÑиалÑнÑе ÑеÑи: "УвлекаÑелÑнÑй и доÑÑÑпнÑй"
УпÑавление акÑивами бÑенда
СиÑÑема оÑганизаÑии Ñайлов
brand-assets/
âââ logos/
â âââ primary/
â âââ secondary/
â âââ monochrome/
â âââ icon-only/
âââ colors/
â âââ swatches.ase
â âââ color-codes.txt
âââ fonts/
âââ templates/
âââ guidelines/
Чек-лиÑÑ Ð°ÑдиÑа бÑенда
- ÐÑполÑзование логоÑипа ÑооÑвеÑÑÑвÑÐµÑ ÑÑебованиÑм по ÑазмеÑÑ Ð¸ ÑаÑположениÑ
- ЦвеÑа ÑооÑвеÑÑÑвÑÑÑ ÑказаннÑм знаÑениÑм hex/RGB/CMYK
- ТипогÑаÑика иÑполÑзÑÐµÑ ÑÑвеÑжденнÑе ÑÑиÑÑÑ Ð¸ иеÑаÑÑ Ð¸Ñ
- ÐÐ¾Ð»Ð¾Ñ Ð¸ Ñон ÑооÑвеÑÑÑвÑÑÑ Ð»Ð¸ÑноÑÑи бÑенда
- СоблÑÐ´ÐµÐ½Ñ ÑÑандаÑÑÑ Ð´Ð¾ÑÑÑпноÑÑи (ÑвеÑовой конÑÑаÑÑ, ÑиÑаемоÑÑÑ)