Teletype design examples

Teletype

Sign-in screen where the user authenticates via email and password or through social providers like Google, Telegram, and Twitch.

• Sign In

Teletype

Password recovery screen where the user enters their email address to request a reset link.

• Forgot Password

Teletype

Signup screen where the user can create a blog account using a username, email, and password, or authenticate via social providers like Google and Apple.

• Sign Up
• Account Setup

Teletype

Feed page where the user sees an empty state message and is prompted to search or follow featured authors to populate their stream.

• Empty State
• Browse

Teletype

Social feed where the user browses recent posts in a masonry layout and discovers featured authors in a side panel.

• Social Feed
• Search

Teletype

Blog index page showing a creator's profile, categories like Album Reviews and Book Reviews, and a chronological feed of articles.

• Browse
• Profile

Teletype

Article page where a user reads a blog post about favorite Arctic Monkeys songs, views embedded music videos, and can leave a comment at the bottom.

• Comments

Teletype

Article detail page where the user is viewing a comment thread and has opened an emoji picker to leave a reaction.

• Comments
• Reactions

Teletype

Creator profile page where the user is viewing search results for 'music' within the author's article feed.

• Profile
• Search

Teletype

Activity feed where the user views recent posts and checks their notifications in an open popover.

• Social Feed
• Notifications

Teletype

Content editor where the user drafts a new post with a title and body in a distraction-free environment.

• Edit
• Publish

Teletype

Content editor where the user is writing a post and has opened a block insertion menu to add a heading or list.

• Add & Create
• Edit