Мы опубликовали ресурсы Figma для процесса входа в общий доступ, включая полные проектировки аутентификационных потоков и универсальные стили и компоненты.
В Logto мы верим в силу сотрудничества и прозрачности. Вот почему мы рады сообщить вам, что сделали дизайн процесса входа в Figma с открытым исходным кодом и доступным для каждого. Чтобы получить доступ к ресурсам Figma:
Этот дизайн включает два основных компонента: аутентификационный поток (процесс входа) и стили и компоненты. Давайте изучим каждый из них более подробно.
Мы тщательно создали различные комбинации сценариев регистрации, входа и первого социального входа для мобильных и ПК платформ. Каждый сценарий поставляется с соответствующей консольной конфигурацией, предоставляя вам полное представление о процессе аутентификации. Вот небольшой предварительный просмотр некоторых сценариев:
| Регистрация | Вход | Первый социальный вход | |
|---|---|---|---|
| Имя пользователя | Имя пользователя + Пароль | Имя пользователя + Пароль | Социальный вход + Установка имени |
| Электронная почта (самый популярный) | Электронная почта + Код подтверждения + Пароль | Электронная почта + Пароль | Социальный вход + Привязка электронной почты |
| Номер телефона | Номер телефона + Код подтверждения | Номер телефона + Код подтверждения | Социальный вход + Привязка номера телефона |
| Смешанная почта и телефон | Электронная почта/Номер телефона + Код подтверждения + Пароль | Электронная почта/Номер телефона + Код подтверждения/Пароль | Социальный вход + Привязка электронной почты/Номера телефона |
| Только социальный вход | / | / | Только социальный вход |
| Забыл пароль | |
|---|---|
| Смешанная почта и телефон | Сбросить пароль путем проверки электронной почты/телефона |
Наш дизайн также включает набор простых и универсальных стилей и компонентов, которые облегчают настройку общего интерфейса вашего процесса входа. Вот что вы найдете:
| Введение | |
|---|---|
| Стили шрифтов | Мы упростили классификацию шрифтов в такие категории, как тело, метка, заголовок и заголовок. Одни и те же стили шрифтов используются как для мобильных, так и для ПК платформ, обеспечивая последовательность и простоту использования. |
| Цветовые стили | С помощью палитр и токенов вы можете без труда изменять цвета тем, чтобы соответствовать вашему бренду. Наша цветовая палитра генерируется с использованием Google Material Design и предлагает как светлый, так и темный режимы, что облегчает понимание для ваших дизайнеров. |
| Иконки | Мы включили подобранную коллекцию функциональных иконок, которые охватывают широкий спектр случаев использования, которые могут быть непосредственно использованы или легко заменены. Также мы предоставляем различные иконки социальных сетей, специально предназначенные для кнопок вашего социального входа. |
| Компоненты | Мы организовали компоненты как для мобильных, так и для веб-платформ, включая Брендинг, Кнопку, Флажок, Диалог, Навигацию, Уведомление, Текстовое Поле и Клавиатуру (Мобильная). |
Но это еще не все! С Logto вы можете опустить сложные детали, описанные выше, и довериться нам в обеспечении безупречного опыта интеграции. В Logto Console вы можете легко исследовать конфигурации методов и соотнести их с интерфейсом вашего бренда. В считанные минуты у вас будет настроенный опыт входа и регистрации, который идеально подходит для вашего бизнеса.
Logto всегда стремился предоставлять сервис с открытым исходным кодом, однако вы можете задаться вопросом, почему мы решили расширить эту открытость на наш дизайн.
Мы хотим, чтобы Logto был не только удобен для разработчиков, но и лучшим другом для проджект-менеджеров и дизайнеров. Мы верим в содействие лучшему сотрудничеству на протяжении всего процесса разработки, что ведет к высокой эффективности, прозрачности и доверию.
Хотя Logto стремится предоставлять эффективный облачный сервис, он возник в сообществе с открытым исходным кодом и намеревается оставаться публично прозрачным в долгосрочной перспективе.
По мере того как мы продолжаем совершенствовать продукт Logto, мы будем поддерживать дизайн Figma в актуальном состоянии. Мы надеемся, что вы используете Logto для создания исключительных первых шагов в использовании ваших продуктов и оставляете неизгладимое впечатление о вашем бренде.
Мы ценим ваш опыт и отзывы, поэтому, пожалуйста, держите каналы коммуникации открытыми. Ждем вашего мнения.