跳转到主要内容

品牌指南

FSD 的视觉身份基于其核心概念:分层切片式自包含部分部分和组合分段。 但我们也倾向于设计简单、美丽的身份,它应该传达 FSD 的哲学并易于识别。

**请按原样使用 FSD 的身份,不要更改,但可以使用我们的资产以方便您使用。**此品牌指南将帮助您正确使用 FSD 的身份。

兼容性

FSD 以前有另一个遗留身份。旧设计不能代表方法论的核心概念。此外,它是作为纯粹的草稿创建的,应该被实现。

为了兼容和长期使用品牌,我们在一年内(2021-2022)进行了谨慎的重新品牌化。这样您在使用 FSD 身份时可以放心 🍰

但请优先使用实际身份,而不是旧的!

标题

  • 正确: Feature-Sliced DesignFSD
  • 错误: Feature-SlicedFeature SlicedFeatureSlicedfeature-slicedfeature slicedFS

Emoji

蛋糕 🍰 图像很好地代表了 FSD 的核心概念,所以它被选为我们的标志性 emoji

示例:"🍰 前端项目的架构设计方法论"

Logo 和调色板

FSD 有几种适用于不同上下文的 logo 变体,但建议优先使用 primary

主题Logo (Ctrl/Cmd + 点击下载)用法
primary
(#29BEDC, #517AED)
logo-primary在大多数情况下首选
flat
(#3193FF)
logo-flat用于单色上下文
monochrome
(#FFF)
logo-monocrhome用于灰度上下文
square
(#3193FF)
logo-square用于方形边界

横幅和方案

banner-primary banner-monochrome

社交预览

正在进行中...

演示模板

正在进行中...

另请参阅