330 lines
11 KiB
JavaScript
330 lines
11 KiB
JavaScript
/**
|
|
* 画个标 · 风格模板库（20 种主流设计风格）
|
|
* 每种风格定义：配色基调、字体、描边、背景 + 气质关键词（供 AI 理解风格调性）
|
|
* 风格"自包含"设计（GitHub logo-design-skill 方法论落地）：
|
|
* - movement：该风格对应的设计运动/流派（Swiss / Bauhaus / Art Deco…），用于 AI Prompt 产生真实差异
|
|
* - layouts：该风格倾向的 Mark 布局 id（生成时优先轮换，保证构图气质与风格一致）
|
|
*/
|
|
const HGB_Styles = [
|
|
{
|
|
id: 'minimal',
|
|
name: '极简风',
|
|
emoji: '◻️',
|
|
desc: '黑白灰基调，大留白，细线条',
|
|
movement: 'Swiss 国际主义 / 极简主义',
|
|
colors: { primary: '#111827', secondary: '#6B7280', accent: '#F9FAFB', bg: '#FFFFFF' },
|
|
font: 'Georgia',
|
|
fontCn: '宋体',
|
|
strokeWidth: 1.2,
|
|
iconStroke: '#111827',
|
|
bg: '#FFFFFF',
|
|
moods: ['简洁', '克制', '留白', '高级'],
|
|
note: '适合高端留学品牌，突出品质感',
|
|
layouts: ['monogram', 'geo', 'orb', 'diamond']
|
|
},
|
|
{
|
|
id: 'business',
|
|
name: '商务风',
|
|
emoji: '💼',
|
|
desc: '深蓝稳重大气，专业可信',
|
|
movement: '瑞士网格 / 商务现代主义',
|
|
colors: { primary: '#1E3A8A', secondary: '#3B82F6', accent: '#F59E0B', bg: '#FFFFFF' },
|
|
font: 'Arial',
|
|
fontCn: '微软雅黑',
|
|
strokeWidth: 1.6,
|
|
iconStroke: '#1E3A8A',
|
|
bg: '#FFFFFF',
|
|
moods: ['稳重', '专业', '信任', '理性'],
|
|
note: '适合国际教育集团、商务咨询',
|
|
layouts: ['emblem', 'monogram', 'arch', 'geo']
|
|
},
|
|
{
|
|
id: 'cartoon',
|
|
name: '卡通风',
|
|
emoji: '🧸',
|
|
desc: '明亮色彩，圆润可爱，亲和力强',
|
|
movement: '童趣卡通 / 扁平插画',
|
|
colors: { primary: '#F97316', secondary: '#FACC15', accent: '#22C55E', bg: '#FFF7ED' },
|
|
font: 'Comic Sans MS',
|
|
fontCn: '楷体',
|
|
strokeWidth: 2.2,
|
|
iconStroke: '#F97316',
|
|
bg: '#FFF7ED',
|
|
moods: ['可爱', '活泼', '亲和', '圆润'],
|
|
note: '适合低龄留学、游学夏令营',
|
|
layouts: ['orb', 'badge', 'ribbon', 'burst']
|
|
},
|
|
{
|
|
id: 'tech',
|
|
name: '科技风',
|
|
emoji: '🚀',
|
|
desc: '蓝紫渐变，几何切割，未来感',
|
|
movement: '未来主义 / 赛博几何',
|
|
colors: { primary: '#4F46E5', secondary: '#06B6D4', accent: '#8B5CF6', bg: '#0F172A' },
|
|
font: 'Verdana',
|
|
fontCn: '黑体',
|
|
strokeWidth: 1.4,
|
|
iconStroke: '#8B5CF6',
|
|
bg: '#0F172A',
|
|
moods: ['未来', '智能', '几何', '冷峻'],
|
|
note: '适合线上教育、AI 留学平台',
|
|
layouts: ['techcorner', 'geo', 'burst', 'hexagon']
|
|
},
|
|
{
|
|
id: 'vintage',
|
|
name: '复古风',
|
|
emoji: '🏛️',
|
|
desc: '米黄纸感，深棕描边，学院经典',
|
|
movement: '复古学院 / Vintage Academic',
|
|
colors: { primary: '#78350F', secondary: '#B45309', accent: '#FCD34D', bg: '#FDF6EC' },
|
|
font: 'Times New Roman',
|
|
fontCn: '宋体',
|
|
strokeWidth: 1.8,
|
|
iconStroke: '#78350F',
|
|
bg: '#FDF6EC',
|
|
moods: ['经典', '学院', '传统', '厚重'],
|
|
note: '适合传统名校、百年学院风',
|
|
layouts: ['seal', 'emblem', 'arch', 'badge']
|
|
},
|
|
{
|
|
id: 'hand',
|
|
name: '手绘风',
|
|
emoji: '✏️',
|
|
desc: '暖色调，粗线条，随性真诚',
|
|
movement: '手作涂鸦 / 自由插画',
|
|
colors: { primary: '#92400E', secondary: '#EA580C', accent: '#84CC16', bg: '#FFFBEB' },
|
|
font: 'Bradley Hand',
|
|
fontCn: '楷体',
|
|
strokeWidth: 2.4,
|
|
iconStroke: '#92400E',
|
|
bg: '#FFFBEB',
|
|
moods: ['随性', '手作', '真诚', '温暖'],
|
|
note: '适合艺术留学、创意工作坊',
|
|
layouts: ['orb', 'badge', 'burst', 'ribbon']
|
|
},
|
|
{
|
|
id: 'badge',
|
|
name: '徽章风',
|
|
emoji: '🎖️',
|
|
desc: '圆形徽章，绶带与盾形，权威荣耀',
|
|
movement: '复古徽章 / Vintage Badge',
|
|
colors: { primary: '#991B1B', secondary: '#F59E0B', accent: '#B45309', bg: '#FFF7ED' },
|
|
font: 'Georgia',
|
|
fontCn: '宋体',
|
|
strokeWidth: 1.6,
|
|
iconStroke: '#991B1B',
|
|
bg: '#FFF7ED',
|
|
moods: ['权威', '荣耀', '正统', '纪念'],
|
|
note: '适合官方认证、学位项目',
|
|
layouts: ['badge', 'seal', 'emblem', 'ribbon']
|
|
},
|
|
{
|
|
id: 'gradient',
|
|
name: '渐变风',
|
|
emoji: '🌈',
|
|
desc: '双色渐变叠加，现代活力',
|
|
movement: '流体渐变 / 现代青春',
|
|
colors: { primary: '#EC4899', secondary: '#8B5CF6', accent: '#06B6D4', bg: '#FFFFFF' },
|
|
font: 'Arial',
|
|
fontCn: '微软雅黑',
|
|
strokeWidth: 1.2,
|
|
iconStroke: '#8B5CF6',
|
|
bg: '#FFFFFF',
|
|
moods: ['活力', '现代', '年轻', '多彩'],
|
|
note: '适合年轻留学社群、新媒体品牌',
|
|
layouts: ['orb', 'monogram', 'burst', 'geo']
|
|
},
|
|
{
|
|
id: 'luxury',
|
|
name: '奢华金',
|
|
emoji: '🥇',
|
|
desc: '黑底烫金，衬线字体，奢华稀缺',
|
|
movement: 'Art Deco 装饰艺术',
|
|
colors: { primary: '#D4AF37', secondary: '#C9A96A', accent: '#8C6D1F', bg: '#0B0B0F' },
|
|
font: 'Playfair Display',
|
|
fontCn: '宋体',
|
|
strokeWidth: 1.2,
|
|
iconStroke: '#D4AF37',
|
|
bg: '#0B0B0F',
|
|
moods: ['奢华', '高端', '稀缺', '尊贵'],
|
|
note: '适合高端定制、私人教育顾问',
|
|
layouts: ['emblem', 'monogram', 'arch', 'diamond', 'orb']
|
|
},
|
|
{
|
|
id: 'chinese',
|
|
name: '国风',
|
|
emoji: '🀄',
|
|
desc: '朱红配墨色，宣纸底，东方气韵',
|
|
movement: '中国水墨 / 东方气韵',
|
|
colors: { primary: '#9E1B32', secondary: '#2B2B2B', accent: '#C9A227', bg: '#FBF7F0' },
|
|
font: 'KaiTi',
|
|
fontCn: '楷体',
|
|
strokeWidth: 1.6,
|
|
iconStroke: '#9E1B32',
|
|
bg: '#FBF7F0',
|
|
moods: ['东方', '传统', '雅致', '文化'],
|
|
note: '适合国学堂、汉文化品牌、中式教育',
|
|
layouts: ['seal', 'orb', 'arch', 'badge']
|
|
},
|
|
{
|
|
id: 'nordic',
|
|
name: '北欧风',
|
|
emoji: '🏔️',
|
|
desc: '莫兰迪低饱和，自然温暖，简约治愈',
|
|
movement: '斯堪的纳维亚有机 / Hygge',
|
|
colors: { primary: '#5C7A6B', secondary: '#B7C4B1', accent: '#D98E73', bg: '#F5F3EF' },
|
|
font: 'Arial',
|
|
fontCn: '微软雅黑',
|
|
strokeWidth: 1.4,
|
|
iconStroke: '#5C7A6B',
|
|
bg: '#F5F3EF',
|
|
moods: ['简约', '治愈', '自然', '温柔'],
|
|
note: '适合亲子教育、自然美育机构',
|
|
layouts: ['orb', 'monogram', 'geo', 'diamond']
|
|
},
|
|
{
|
|
id: 'flat',
|
|
name: '扁平几何',
|
|
emoji: '⬛',
|
|
desc: '高饱和纯色块，粗轮廓，现代平面',
|
|
movement: '包豪斯 / De Stijl 风格派',
|
|
colors: { primary: '#E4572E', secondary: '#2EC4B6', accent: '#FFBF00', bg: '#FFFFFF' },
|
|
font: 'Arial Black',
|
|
fontCn: '黑体',
|
|
strokeWidth: 2.4,
|
|
iconStroke: '#E4572E',
|
|
bg: '#FFFFFF',
|
|
moods: ['大胆', '现代', '醒目', '平面'],
|
|
note: '适合互联网教育、创意培训机构',
|
|
layouts: ['geo', 'hexagon', 'diamond', 'monogram', 'burst']
|
|
},
|
|
{
|
|
id: 'neon',
|
|
name: '霓虹风',
|
|
emoji: '🌃',
|
|
desc: '深色底荧光色，夜店科幻感',
|
|
movement: '霓虹都市 / 赛博朋克',
|
|
colors: { primary: '#00F0FF', secondary: '#FF007F', accent: '#B300FF', bg: '#0A0A12' },
|
|
font: 'Verdana',
|
|
fontCn: '黑体',
|
|
strokeWidth: 1.6,
|
|
iconStroke: '#00F0FF',
|
|
bg: '#0A0A12',
|
|
moods: ['科幻', '夜感', '锐利', '先锋'],
|
|
note: '适合电竞教育、科技夜校、潮流品牌',
|
|
layouts: ['techcorner', 'burst', 'geo', 'hexagon']
|
|
},
|
|
{
|
|
id: 'nature',
|
|
name: '自然绿',
|
|
emoji: '🌿',
|
|
desc: '森林绿与嫩绿，生态健康',
|
|
movement: '有机自然 / 生态主义',
|
|
colors: { primary: '#2D6A4F', secondary: '#74C69D', accent: '#FFD166', bg: '#F0F7F2' },
|
|
font: 'Arial',
|
|
fontCn: '微软雅黑',
|
|
strokeWidth: 1.6,
|
|
iconStroke: '#2D6A4F',
|
|
bg: '#F0F7F2',
|
|
moods: ['生态', '健康', '清新', '成长'],
|
|
note: '适合自然教育、户外营地、环保品牌',
|
|
layouts: ['orb', 'duo', 'burst', 'badge']
|
|
},
|
|
{
|
|
id: 'marine',
|
|
name: '海洋蓝',
|
|
emoji: '🌊',
|
|
desc: '清爽蓝白，活力通透',
|
|
movement: '海洋波浪 / 清新自然',
|
|
colors: { primary: '#0077B6', secondary: '#48CAE4', accent: '#F94144', bg: '#F0F9FF' },
|
|
font: 'Arial',
|
|
fontCn: '微软雅黑',
|
|
strokeWidth: 1.6,
|
|
iconStroke: '#0077B6',
|
|
bg: '#F0F9FF',
|
|
moods: ['清爽', '活力', '开阔', '自由'],
|
|
note: '适合水上运动、海洋研学、游学机构',
|
|
layouts: ['orb', 'duo', 'burst', 'seal']
|
|
},
|
|
{
|
|
id: 'cafe',
|
|
name: '咖啡暖',
|
|
emoji: '☕',
|
|
desc: '咖啡棕与奶油色，醇厚温暖',
|
|
movement: '复古手工 / 咖啡美学',
|
|
colors: { primary: '#6F4E37', secondary: '#B08968', accent: '#DDA15E', bg: '#FFF9F0' },
|
|
font: 'Georgia',
|
|
fontCn: '宋体',
|
|
strokeWidth: 1.8,
|
|
iconStroke: '#6F4E37',
|
|
bg: '#FFF9F0',
|
|
moods: ['醇厚', '温暖', '文艺', '舒适'],
|
|
note: '适合咖啡培训、手作课程、生活美学',
|
|
layouts: ['badge', 'arch', 'emblem', 'ribbon']
|
|
},
|
|
{
|
|
id: 'cosmic',
|
|
name: '星空紫',
|
|
emoji: '🌌',
|
|
desc: '深紫蓝底，亮紫点缀，神秘深邃',
|
|
movement: '太空科幻 / 深空幻想',
|
|
colors: { primary: '#6C3FC9', secondary: '#2A9DF4', accent: '#F72585', bg: '#100B24' },
|
|
font: 'Verdana',
|
|
fontCn: '黑体',
|
|
strokeWidth: 1.2,
|
|
iconStroke: '#6C3FC9',
|
|
bg: '#100B24',
|
|
moods: ['神秘', '深邃', '梦想', '探索'],
|
|
note: '适合天文研学、科技教育、梦想类品牌',
|
|
layouts: ['orb', 'burst', 'geo', 'techcorner']
|
|
},
|
|
{
|
|
id: 'memphis',
|
|
name: '孟菲斯',
|
|
emoji: '🎨',
|
|
desc: '撞色几何拼贴，复古活泼',
|
|
movement: '孟菲斯后现代 / Memphis',
|
|
colors: { primary: '#FF6B6B', secondary: '#4D96FF', accent: '#FFD93D', bg: '#FFF9E6' },
|
|
font: 'Arial',
|
|
fontCn: '黑体',
|
|
strokeWidth: 2.4,
|
|
iconStroke: '#FF6B6B',
|
|
bg: '#FFF9E6',
|
|
moods: ['撞色', '复古', '活泼', '艺术'],
|
|
note: '适合设计培训、少儿美育、创意市集',
|
|
layouts: ['geo', 'burst', 'hexagon', 'diamond', 'ribbon']
|
|
},
|
|
{
|
|
id: 'line',
|
|
name: '线稿风',
|
|
emoji: '✒️',
|
|
desc: '极细描边线稿，优雅留白',
|
|
movement: '新古典线稿 / 精细工艺',
|
|
colors: { primary: '#1F2937', secondary: '#9CA3AF', accent: '#111827', bg: '#FFFFFF' },
|
|
font: 'Georgia',
|
|
fontCn: '宋体',
|
|
strokeWidth: 1,
|
|
iconStroke: '#1F2937',
|
|
bg: '#FFFFFF',
|
|
moods: ['雅致', '细腻', '留白', '高级'],
|
|
note: '适合高端美学、建筑设计、学术品牌',
|
|
layouts: ['geo', 'monogram', 'diamond', 'orb']
|
|
},
|
|
{
|
|
id: 'seal',
|
|
name: '印章风',
|
|
emoji: '🔴',
|
|
desc: '中国红印章，方正有力',
|
|
movement: '印章篆刻 / 方正庄重',
|
|
colors: { primary: '#B91C1C', secondary: '#DC2626', accent: '#991B1B', bg: '#FFF8F0' },
|
|
font: 'KaiTi',
|
|
fontCn: '楷体',
|
|
strokeWidth: 1.8,
|
|
iconStroke: '#B91C1C',
|
|
bg: '#FFF8F0',
|
|
moods: ['中国', '方正', '有力', '庄重'],
|
|
note: '适合书院、非遗文化、中式品牌',
|
|
layouts: ['seal', 'orb', 'badge', 'arch']
|
|
}
|
|
];
|