Editorial screen examples
Editorial screen design examples from SaaS apps. Browse examples from Grok, Bitly, Assembly.
Explore the examples
AI chat interface where the user reads a detailed response about marathon running shoes and can adjust search depth or reasoning models before asking a follow-up question.
Case study detail page where the user can read a summary of the University of Edinburgh's success and download the full story.
Marketing page where the user browses a two-column grid of customer case studies featuring companies like Replo, Causal, and Arrows.
Article page where the user reads an interview with illustrator Rhea Mack, views her artwork, and can subscribe to the monthly newsletter.
Design editor where the user is customizing a block's title, spacing, and padding for a newsletter signup form.
Detail page where a user reads the 'What is Design?' lesson content, featuring learning objectives, historical context, and an assignment preview.
Customer story detailing how Raycast used Dub's link infrastructure to add link-sharing features and analytics, featuring quotes, code snippets, and company metadata.
Blog index page displaying a grid of articles categorized under Daily Planner, alongside a sidebar for navigating other blog topics.
Educational guide detailing dimensions and layout rules for open space offices, featuring architectural diagrams that can be opened directly in the Rayon app.
Knowledge center where the user can browse educational articles about equity and stock options, or search for specific company case studies.
Content editor where the user writes and formats an SEO article about 3D design trends, featuring a right panel for metadata, grading, and publishing actions.
Article page where the user reads a newsletter post about design trends, with options to leave a comment or subscribe to the digest.
Explore the full SaaS screen library
Upgrade to unlock the full library.
Trusted by the best teams
