[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fredpen\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":365,"links":366,"dates":424},"\u002Fexamples\u002Fapps\u002Fredpen\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Redpen product screens examples - Nicelydone","Browse Redpen screen design examples. Preview the interface screenshots and explore related UI patterns. Upload your design and get live, annotated feedback","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fredpen_sign-in_8128a0a3_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Redpen design examples","\u002Fexamples\u002Fapps\u002Fredpen",{"label":23,"to":4},"Redpen product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Redpen","redpen","Upload your design and get live, annotated feedback","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fredpen-c470fcfe.png","https:\u002F\u002Fredpen.io",[35,39],{"id":36,"title":37,"slug":38},23,"Collaboration","collaboration",{"id":40,"title":41,"slug":42},35,"Feedback","feedback",[44,69,79,121,160,185,211,223,255,278,314,338],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":67},"f2639dff-4672-436f-9880-33ae467fe543","Sign in","Sign-in screen where the user authenticates with their email and Red Pen password.",2800,1544,"Sign in from Redpen","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63],{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":71,"description":72,"canonical_path":4,"image":73,"width":48,"height":49,"image_alt":74,"kind":51,"patterns":75,"component_categories":76,"app":77},"0bd23dac-8c8b-4379-99b8-49aa41a21c6a","Sign up","Account creation Onboarding Form","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fredpen_sign-up_f5cae118_nicelydone.jpg","Sign up from Redpen",[],[],{"slug":30,"title":29,"logo":32,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":4,"image":83,"width":48,"height":49,"image_alt":84,"kind":51,"patterns":85,"component_categories":109,"app":119},"7e12ca40-0f5c-4eaf-a445-ca82bf1a5b6c","Home","Dashboard in an empty state prompting the user to drag and drop a design file to start getting feedback.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fredpen_home_efc68732_nicelydone.jpg","Home from Redpen",[86,94,102],{"id":87,"label":88,"slug":89,"rank":57,"group":90},115,"Empty State","empty-state",{"id":91,"label":92,"slug":93},12,"States & Feedback","states-and-feedback",{"id":95,"label":96,"slug":97,"rank":59,"group":98},25,"Upload & Download","upload-and-download",{"id":99,"label":100,"slug":101},2,"Actions","actions",{"id":103,"label":81,"slug":104,"rank":99,"group":105},81,"home",{"id":106,"label":107,"slug":108},8,"Pages & Content","pages-and-content",[110,114,118],{"id":111,"title":112,"slug":113},260,"Badge","badge",{"id":115,"title":116,"slug":117},240,"Horizontal navigation","horizontal-navigation",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":120},[],{"uuid":122,"title":123,"description":124,"canonical_path":4,"image":125,"width":48,"height":49,"image_alt":126,"kind":51,"patterns":127,"component_categories":155,"app":158},"42f4c8eb-a859-4ba9-8235-1969789a338b","Onboarding","Detail page where the user views a design exploration and hovers over the image to add a contextual comment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fredpen_onboarding_6e975abe_nicelydone.jpg","Onboarding from Redpen",[128,136,144,149],{"id":129,"label":130,"slug":131,"rank":57,"group":132},55,"Design Editor","design-editor",{"id":133,"label":134,"slug":135},5,"Media & Tools","media-and-tools",{"id":137,"label":138,"slug":139,"rank":59,"group":140},106,"Comments","comments",{"id":141,"label":142,"slug":143},11,"Social & Collaboration","social-and-collaboration",{"id":145,"label":146,"slug":147,"rank":99,"group":148},24,"Share","share",{"id":99,"label":100,"slug":101},{"id":150,"label":151,"slug":152,"rank":153,"group":154},82,"Media Detail","media-detail",3,{"id":106,"label":107,"slug":108},[156,157],{"id":115,"title":116,"slug":117},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":4,"image":164,"width":165,"height":166,"image_alt":167,"kind":51,"patterns":168,"component_categories":180,"app":183},"1fe10d45-9059-47e0-b405-81d4471bc129","Single","Detail page for a design exploration showing typographic variations, component states, and layout tests for a project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fredpen_single_64618fd1_nicelydone.jpg",2880,5468,"Single from Redpen",[169,171,173,175],{"id":150,"label":151,"slug":152,"rank":57,"group":170},{"id":106,"label":107,"slug":108},{"id":145,"label":146,"slug":147,"rank":59,"group":172},{"id":99,"label":100,"slug":101},{"id":129,"label":130,"slug":131,"rank":99,"group":174},{"id":133,"label":134,"slug":135},{"id":176,"label":177,"slug":178,"rank":153,"group":179},79,"Browse","browse",{"id":106,"label":107,"slug":108},[181,182],{"id":115,"title":116,"slug":117},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":138,"description":187,"canonical_path":4,"image":188,"width":165,"height":49,"image_alt":189,"kind":51,"patterns":190,"component_categories":199,"app":209},"c778ceda-cc36-402d-8be4-0079a09f79dd","Landing page concept featuring large typography, a floating comment popover, and a signup form peeking from the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fredpen_comments_94bafbbd_nicelydone.jpg","Comments from Redpen",[191],{"id":192,"label":193,"slug":194,"rank":57,"group":195},136,"Landing Page","landing-page",{"id":196,"label":197,"slug":198},15,"Marketing Page Types","marketing-page-types",[200,204,208],{"id":201,"title":202,"slug":203},214,"Popover","popover",{"id":205,"title":206,"slug":207},174,"Card","card",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":210},[],{"uuid":212,"title":213,"description":47,"canonical_path":4,"image":214,"width":48,"height":49,"image_alt":215,"kind":51,"patterns":216,"component_categories":219,"app":221},"8f4b9dd9-fb7a-4d9a-8461-6c0fb862eb86","Settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fredpen_settings_ddcdb69b_nicelydone.jpg","Settings from Redpen",[217],{"id":54,"label":55,"slug":56,"rank":57,"group":218},{"id":59,"label":60,"slug":61},[220],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":222},[],{"uuid":224,"title":225,"description":226,"canonical_path":4,"image":227,"width":48,"height":228,"image_alt":229,"kind":51,"patterns":230,"component_categories":247,"app":253},"667b4eff-4540-4bda-a826-28d89c7d91e6","Plans","Billing settings page where the user can upgrade their account by choosing a plan based on the number of concurrent projects.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fredpen_plans_855eefcf_nicelydone.jpg",3546,"Plans from Redpen",[231,239],{"id":232,"label":233,"slug":234,"rank":57,"group":235},89,"Pricing","pricing",{"id":236,"label":237,"slug":238},9,"Plans & Limits","plans-and-limits",{"id":240,"label":241,"slug":242,"rank":59,"group":243},96,"Billing Settings","billing-settings",{"id":244,"label":245,"slug":246},10,"Settings & Admin","settings-and-admin",[248,252],{"id":249,"title":250,"slug":251},189,"FAQ","faq",{"id":115,"title":116,"slug":117},{"slug":30,"title":29,"logo":32,"categories":254},[],{"uuid":256,"title":257,"description":258,"canonical_path":4,"image":259,"width":48,"height":260,"image_alt":261,"kind":51,"patterns":262,"component_categories":273,"app":276},"b23ffd3a-4b6e-4509-9a5d-23d7f350771f","Team","Settings page where the user views existing teammates and invites new ones by email to share the project quota.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fredpen_team_fa57ec82_nicelydone.jpg",1614,"Team from Redpen",[263,268],{"id":264,"label":265,"slug":266,"rank":57,"group":267},104,"Team Management","team-management",{"id":244,"label":245,"slug":246},{"id":269,"label":270,"slug":271,"rank":59,"group":272},133,"Invite Teammates","invite-teammates",{"id":99,"label":100,"slug":101},[274,275],{"id":111,"title":112,"slug":113},{"id":115,"title":116,"slug":117},{"slug":30,"title":29,"logo":32,"categories":277},[],{"uuid":279,"title":280,"description":281,"canonical_path":4,"image":282,"width":48,"height":283,"image_alt":284,"kind":51,"patterns":285,"component_categories":305,"app":312},"91d60929-2174-4399-a86e-e28d41ab0436","Create","Create screen where the user names a new project, sets its context and goals, and drops related design files onto a dashed upload area.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fredpen_create_97140c55_nicelydone.jpg",1728,"Create from Redpen",[286,291,293,298],{"id":287,"label":288,"slug":289,"rank":57,"group":290},7,"Add & Create","add-and-create",{"id":99,"label":100,"slug":101},{"id":87,"label":88,"slug":89,"rank":59,"group":292},{"id":91,"label":92,"slug":93},{"id":294,"label":295,"slug":296,"rank":99,"group":297},80,"Files","files",{"id":106,"label":107,"slug":108},{"id":299,"label":300,"slug":301,"rank":153,"group":302},41,"Dashboard","dashboard",{"id":54,"label":303,"slug":304},"Data & Analysis","data-and-analysis",[306,310,311],{"id":307,"title":308,"slug":309},169,"Avatar","avatar",{"id":115,"title":116,"slug":117},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":313},[],{"uuid":315,"title":316,"description":317,"canonical_path":4,"image":318,"width":48,"height":319,"image_alt":320,"kind":51,"patterns":321,"component_categories":332,"app":336},"7367c87d-abb2-43c1-a5db-9959ecc20a82","Empty state","Dashboard empty state where the user is prompted to set the project context and upload their first images via a drag-and-drop zone.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fredpen_empty-state_6e72b5fc_nicelydone.jpg",1724,"Empty state from Redpen",[322,324,326,330],{"id":87,"label":88,"slug":89,"rank":57,"group":323},{"id":91,"label":92,"slug":93},{"id":95,"label":96,"slug":97,"rank":59,"group":325},{"id":99,"label":100,"slug":101},{"id":244,"label":327,"slug":328,"rank":99,"group":329},"Drag & Drop","drag-and-drop",{"id":99,"label":100,"slug":101},{"id":299,"label":300,"slug":301,"rank":153,"group":331},{"id":54,"label":303,"slug":304},[333,334,335],{"id":307,"title":308,"slug":309},{"id":115,"title":116,"slug":117},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":337},[],{"uuid":339,"title":340,"description":341,"canonical_path":4,"image":342,"width":48,"height":343,"image_alt":344,"kind":51,"patterns":345,"component_categories":358,"app":363},"1d0c46af-0c60-4f5f-8509-e4888c44215b","Collection","Project dashboard displaying a gallery of design screens with an inline input to set project context and an onboarding coach mark highlighting the first item.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fredpen_collection_e76b9a5f_nicelydone.jpg",2940,"Collection from Redpen",[346,348,350,354,356],{"id":299,"label":300,"slug":301,"rank":57,"group":347},{"id":54,"label":303,"slug":304},{"id":176,"label":177,"slug":178,"rank":59,"group":349},{"id":106,"label":107,"slug":108},{"id":141,"label":351,"slug":352,"rank":99,"group":353},"Edit","edit",{"id":99,"label":100,"slug":101},{"id":145,"label":146,"slug":147,"rank":153,"group":355},{"id":99,"label":100,"slug":101},{"id":87,"label":88,"slug":89,"rank":54,"group":357},{"id":91,"label":92,"slug":93},[359,360,361,362],{"id":205,"title":206,"slug":207},{"id":307,"title":308,"slug":309},{"id":115,"title":116,"slug":117},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":364},[],[],[367,369,371,373,375,377,379,381,383,385,387,389,391,394,397,400,403,406,408,412,416,420],{"label":88,"to":368},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":300,"to":370},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":146,"to":372},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":177,"to":374},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":130,"to":376},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":151,"to":378},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":55,"to":380},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":96,"to":382},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":288,"to":384},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":241,"to":386},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":138,"to":388},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":327,"to":390},"\u002Fexamples\u002Fscreens\u002Fdrag-and-drop",{"label":392,"to":393},"Redpen marketing pages","\u002Fexamples\u002Fapps\u002Fredpen\u002Fmarketing",{"label":395,"to":396},"Redpen user flows","\u002Fexamples\u002Fapps\u002Fredpen\u002Fflows",{"label":398,"to":399},"Redpen UI components","\u002Fexamples\u002Fapps\u002Fredpen\u002Fcomponents",{"label":401,"to":402},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":404,"to":405},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"label":407,"to":18},"All SaaS app examples",{"label":409,"to":410,"description":411},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":413,"to":414,"description":415},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":417,"to":418,"description":419},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":421,"to":422,"description":423},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":425,"updated_at":426},"2016-06-20T08:20:00.000Z","2026-09-13T13:02:39.000Z"]