Typekit design examples

Typekit

Sign-in screen where the user authenticates with their Adobe ID email and password to access Adobe Typekit.

• Sign In

Typekit

Password recovery screen where the user enters their email address to initiate a reset for their Adobe ID.

• Forgot Password

Typekit

Signup page where the user creates an Adobe ID to continue to Adobe Typekit by entering their name, email, password, country, and date of birth.

• Sign Up

Typekit

List view where the user browses and previews font families, filtering by classification and properties via a right sidebar.

• Browse
• Filter & Sort

Typekit

Search results page where the user browses font families, adjusts preview text and size, and filters by classification, properties, and language support.

• Search
• Filter & Sort

Typekit

Settings page where the user views their font sync usage, web pageview limits, and current subscription plan.

• Usage
• Account Settings

Typekit

Product page for a specific font family where the user can preview different weights, adjust sample text size, and sync individual fonts or add the entire family to a web kit.

• Browse
• Media Detail

Typekit

Product page where the user reviews technical details like CSS implementation, language support, and visual text samples for the Matrix II font.

• Media Detail

Typekit

Search results page displaying matching font families and blog posts for the query 'narrow'.

• Search
• Tabs

Typekit

List view where the user manages their web font kits, viewing published domains, last published dates, and visual font previews for each configuration.

• Add & Create
• Table

Typekit

Directory page listing font foundries alphabetically with an A-Z navigation index.

• Browse
• Search

Typekit

Directory page where the user browses curated lists of fonts organized by themes like alternatives to Helvetica or good for longform text.

• Browse
• Search