📝 7 шагов к профессиональной интеграции логотипа в Filament

Настройка логотипа вашего приложения Filament имеет решающее значение для создания целостного и профессионального пользовательского опыта. По умолчанию Filament использует имя приложения в качестве простого текстового логотипа, но это можно изменить, чтобы лучше отразить вашу фирменную идентичность. Существует три способа настроить логотип: изменить текстовый логотип, использовать логотип в виде изображения и использовать встроенный SVG для максимального контроля. Изменение текстового логотипа включает в себя изменение текста, отображаемого в вашем логотипе, с помощью метода `brandName()` в конфигурации вашей панели. Этот подход идеально подходит для тех, кто предпочитает текстовый логотип, но хочет использовать другие слова, отличные от имени своего приложения. Использование логотипа в виде изображения позволяет вам включить вашу полную фирменную идентичность, включая пользовательскую типографику, цвета и графические элементы. Этот подход включает в себя реализацию метода `brandLogo()` и передачу URL-адреса вашего файла логотипа. При выборе формата изображения для логотипа следует использовать SVG, PNG или WebP. Использование встроенного SVG для максимального контроля предлагает ряд преимуществ, включая возможность стилизовать логотип с помощью CSS, отсутствие дополнительных HTTP-запросов и идеальную интеграцию с темным режимом. Этот подход включает в себя использование метода `brandLogo()` и предоставление функции, которая возвращает представление. Filament также поддерживает темный режим, и вы можете предоставить другой логотип специально для случаев, когда активен темный режим. Для реализации логотипа, специфичного для темного режима, используйте метод `darkModeBrandLogo()`. При разработке логотипа для темного режима учитывайте сохранение той же визуальной идентичности, но с измененными цветами. Вы также можете точно настроить размеры своего логотипа с помощью метода `brandLogoHeight()`. При установке высоты логотипа учитывайте размеры панели навигации, внешний вид логотипа на разных размерах устройств и сохранение соответствующих отступов вокруг логотипа. Чтобы максимально эффективно использовать свой пользовательский логотип Filament, следуйте рекомендациям, таким как поддержание надлежащего контраста, оптимизация размеров файлов, тестирование на разных устройствах, учет доступности и поддержание согласованного брендинга.