Перейти к основному содержимому

Рекомендации по брендингу

Визуальная айдентика FSD основана на его ключевых концепциях: Layered, Sliced self-contained parts, Parts & Compose, Segmented. Но мы также стремимся к простой и красивой айдентике, которая бы отражала философию FSD и была бы легко узнаваемой.

Пожалуйста, используйте айдентику FSD "as-is", без изменений, но с нашими ассетами для вашего удобства. Этот бренд-гайд поможет вам использовать айдентику FSD корректно.

Совместимость

FSD прежде имел другую легаси-айдентику. Старый дизайн не отражал главные концепции методологии. Также это было создано как грубый черновик, который был должен быть актуализирован.

Для совместимого и долгосрочного использования бренда, мы тщательно работали над ребрендингом в течение года (2021-2022). Чтобы вы могли быть уверенными в использовании айдентики FSD 🍰

Но используйте именно актуальную айдентику, не старую!

Название

  • Правильно: Feature-Sliced Design, FSD
  • Неправильно: Feature-Sliced, Feature Sliced, FeatureSliced, feature-sliced, feature sliced, FS

Эмодзи

Образ торта 🍰 хорошо отражает ключевые концепции FSD, поэтому оно было выбрано как наше фирменное эмодзи.

Пример: "🍰 Architectural design methodology for Frontend projects"

Лого & Палитра

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

Social Preview

Работа в процессе...

Шаблон для презентаций

Работа в процессе...

См. также