feat(brand): v3.0 brand asset system — 11 SVG + 14 PNG#9
Merged
Conversation
- New visual identity: 3-frame film strip + AI neural pulse symbol
- Primary gradient: Indigo (#6366F1) → Purple (#A855F7) → Pink (#EC4899)
- Accent: warm orange (#FB923C) for AI pulse point
- Surface: deep space navy (#0B0E2C) for dark backgrounds
New SVG (11):
- assets/logo.svg — main icon 256x256
- assets/logo-horizontal.svg — horizontal 720x200 (header)
- assets/logo-stacked.svg — stacked 320x360 (cards/about)
- assets/logo-symbol.svg — minimal 64x64 (favicon/taskbar)
- assets/logo-light.svg — light theme variant
- assets/logo-mono.svg — monochrome (watermark/print)
- assets/logo-wordmark.svg — text only
- assets/logo-og.svg — GitHub social card 1280x640
- public/favicon.svg — browser favicon
- public/logo*.svg — static asset copies
- public/og-image.svg — OG share card
New PNG (14):
- public/favicon-{16,32,48,64,128,256,512}x*.png
- public/og-image.png — 1280x640 social card
- assets/logo-{128,256,512,1024}.png — transparent variants
- assets/logo-horizontal.png — 960x267
- assets/logo-stacked.png — 640x720
index.html:
- Add PNG favicon links (16/32/256) + apple-touch-icon
- Add OG image (1280x640 PNG) with width/height meta
- Update theme-color to new surface #0B0E2C
README.md:
- Add <picture> for color-scheme adaptive logo
- Update version badge v2.2.0 → v3.0.0
- New color: #6366F1 (replaces #FF8A5B)
docs/brand-assets.md:
- Complete brand guide (philosophy, palette, usage rules, regen)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
🎨 frame-fab v3.0 Brand Assets
全新设计品牌系统,视觉锤围绕三个核心隐喻:
🎨 新视觉语言
📦 资产清单
SVG (11,源文件可缩放):
assets/logo.svg— 主图标 256x256assets/logo-horizontal.svg— 横向 720x200assets/logo-stacked.svg— 堆叠 320x360assets/logo-symbol.svg— 极简符号 64x64assets/logo-light.svg— 浅色主题assets/logo-mono.svg— 单色assets/logo-wordmark.svg— 纯文字assets/logo-og.svg— GitHub 社交卡 1280x640public/favicon.svg— 浏览器 faviconpublic/logo*.svg— 静态资源副本public/og-image.svg— OG 分享卡PNG (14,位图):
public/favicon-{16,32,48,64,128,256,512}.pngpublic/og-image.png(1280x640)assets/logo-{128,256,512,1024}.pngassets/logo-horizontal.png(960x267)assets/logo-stacked.png(640x720)🔧 配套更新
<picture>适配深色模式 + 版本 v2.2.0→v3.0.0 + 品牌色更新✅ 验证
npm run build✅ 通过 (验证现有功能未破坏)🔗 关联
后续 PR: