品牌指南
FSD 的视觉身份基于其核心概念:分层
、切片式自包含部分
、部分和组合
、分段
。
但我们也倾向于设计简单、美丽的身份,它应该传达 FSD 的哲学并易于识别。
**请按原样使用 FSD 的身份,不要更改,但可以使用我们的资产以方便您使用。**此品牌指南将帮助您正确使用 FSD 的身份。
兼容性
FSD 以前有另一个遗留身份。旧设计不能代表方法论的核心概念。此外,它是作为纯粹的草稿创建的,应该被实现。
为了兼容和长期使用品牌,我们在一年内(2021-2022)进行了谨慎的重新品牌化。这样您在使用 FSD 身份时可以放心 🍰
但请优先使用实际身份,而不是旧的!
标题
- ✅ 正确:
Feature-Sliced Design
、FSD
- ❌ 错误:
Feature-Sliced
、Feature Sliced
、FeatureSliced
、feature-sliced
、feature sliced
、FS
Emoji
蛋糕 🍰 图像很好地代表了 FSD 的核心概念,所以它被选为我们的标志性 emoji
示例:"🍰 前端项目的架构设计方法论"
Logo 和调色板
FSD 有几种适用于不同上下文的 logo 变体,但建议优先使用 primary
主题 | Logo (Ctrl/Cmd + 点击下载) | 用法 |
primary (#29BEDC, #517AED) | ![]() | 在大多数情况下首选 |
flat (#3193FF) | ![]() | 用于单色上下文 |
monochrome (#FFF) | ![]() | 用于灰度上下文 |
square (#3193FF) | ![]() | 用于方形边界 |
横幅和方案


社交预览
正在进行中...
演示模板
正在进行中...