メインコンテンツにスキップ

ブランドガイドライン

FSDのビジュアルアイデンティティは、そのコアコンセプトである LayeredSliced self-contained partsParts & ComposeSegmented に基づいています。しかし、私たちはFSDの哲学を反映し、簡単に認識できる美しいアイデンティティを目指しています。

FSDのアイデンティティを「そのまま」変更せずに、私たちのアセットを使って快適にご利用ください。 このブランドガイドは、FSDのアイデンティティを正しく使用する手助けをします。

互換性

FSDは以前、別のレガシーアイデンティティを持っていました。古いデザインは、FSDの主要なコンセプトを反映していませんでした。また、これは粗いドラフトとして作成され、更新されるべきものでした。

ブランドの互換性と長期的な使用のために、私たちは2021年から2022年にかけて慎重にリブランディングに取り組みました。FSDのアイデンティティを使用する際に自信を持てるように🍰

古いアイデンティティではなく、最新のアイデンティティを使用してください!

名前

  • 正しい: Feature-Sliced DesignFSD
  • 間違っている: Feature-SlicedFeature SlicedFeatureSlicedfeature-slicedfeature slicedFS

絵文字

ケーキのイメージ 🍰 はFSDの主要なコンセプトをよく反映しているため、私たちのブランド絵文字として選ばれました。

例: "🍰 フロントエンド用ののアーキテクチャデザイン設計方法論"

ロゴとカラーパレット

FSDには異なるコンテキスト用のいくつかのロゴバリエーションがありますが、primaryの使用が推奨されます。

テーマロゴ (Ctrl/Cmd + Clickでダウンロード)使用法
primary
(#29BEDC, #517AED)
logo-primaryほとんどの場合に推奨されます
flat
(#3193FF)
logo-flat単色コンテキスト用
monochrome
(#FFF)
logo-monocrhome白黒コンテキスト用
square
(#3193FF)
logo-square正方形サイズ用

バナーとスキーム

banner-primary banner-monochrome

ソーシャルプレビュー

作業中...

プレゼンテーションテンプレート

作業中...

参照