Illustrio product screens examples

Illustrio

Sign-in screen where the user authenticates with their email and password via a modal overlay.

• Forgot Password

Illustrio

Landing page for an icon library with an active modal prompting the user to register with their email address to get started.

• Sign Up

Illustrio

Search results page where the user browses a grid of yellow icons and can filter them by style using a bottom tab bar.

• Search Results
• Browse

Illustrio

Settings modal where the user updates their first name, last name, and views their email address under the profile tab.

• Profile
• Edit

Illustrio

Search interface for an icon library where the user can find icons and toggle between styles like fill, stroke, and duo via a bottom bar.

• Search
• Browse

Illustrio

In-app modal where the user selects between an unlimited monthly subscription, a pay-as-you-go option, or a fixed credit pack for downloading icons.

• Pricing
• Checkout

Illustrio

Search results page where the user browses a grid of icons, filters by color palette via a dropdown, and selects icon styles like fill or stroke from a bottom toolbar.

• Search Results
• Filter & Sort

Illustrio

Detail modal where the user previews an icon, switches between style variants, reviews metadata like designer and keywords, and downloads the asset in SVG or PNG format.

• Media Detail
• Upload & Download

Illustrio

List view showing an empty state for the user's favorites, featuring a top navigation bar with search and a bottom toolbar for selecting icon styles.

• Empty State
• Browse

Illustrio

Creation flow where the user names a new custom palette and defines its primary and secondary colors.

• Edit
• Media Editor

Illustrio

Password recovery modal overlaid on an icon library landing page, prompting the user to enter their email address to receive a reset link.

• Forgot Password

Illustrio

Account creation Onboarding Settings Form Account management Account settings Account setup