¶ Login with ATProto
Starting from this issue thread, we had a live call today with a number of people sharing design concepts, as well as narrowing down what we want to achieve.
We talked about protocol logos and a bunch of other things, but ultimately scoped this down to "how do we share a base approach for logins that says to users that they can enter an ATProto handle and login".
The ideal outputs would be a symbolm, some help/info text, as well as default HTML/CSS/JS. Developers could drop this into their applications and have some visual and interaction similarity. A call to action to login with ATProto.
Further directions might include a protocol logo (but: git has a protocol logo no one knows, and use Github or Gitlab), some consideration for how OAuth scopes for specific apps look like, or other protocol level design and branding elements.
Please share any imagery in this thread, as well as links to mockups, code, or other elements.
Moved from ATProtoApps
¶ Blebbit
¶ Natalie Login
— natalie (@natalie.sh) March 30, 2025 at 5:15 PM
¶ Recipe Exchange
Screenshots taken on mobile
Login screen has a custom @ sign and the field is labeled handle. Not shown, placeholder is username.bsky.social if you haven't typed anything yet.
The "Learn how to get started with recipe.exchange" points to the Sign Up Explained page.
¶ Sign Up Explained
https://recipe.exchange/signup-explained
Screenshots taken on mobile
Sign in with AT Protocol
Here's how it works
Why use AT Protocol
