[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fredpen":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":49,"showcases":50,"links":378,"dates":413},"\u002Fexamples\u002Fapps\u002Fredpen","detail","apps",true,{"title":9,"description":10,"og_image":11},"Redpen design examples - Nicelydone","Explore Redpen UI design examples. Upload your design and get live, annotated feedback","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fredpen_sign-in_8128a0a3_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Redpen design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Redpen",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fredpen\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fredpen\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Redpen","redpen","Upload your design and get live, annotated feedback","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fredpen-c470fcfe.png","https:\u002F\u002Fredpen.io",[41,45],{"id":42,"title":43,"slug":44},23,"Collaboration","collaboration",{"id":46,"title":47,"slug":48},35,"Feedback","feedback",[],[51,375],{"family":52,"examples":53},"screens",[54,79,89,131,170,195,221,233,265,288,324,348],{"uuid":55,"title":56,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":72,"app":77},"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",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},4,"Sign In","sign-in",0,{"id":69,"label":70,"slug":71},1,"Access & Account","access-and-account",[73],{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":29,"image":83,"width":58,"height":59,"image_alt":84,"kind":61,"patterns":85,"component_categories":86,"app":87},"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":36,"title":35,"logo":38,"categories":88},[],{"uuid":90,"title":91,"description":92,"canonical_path":29,"image":93,"width":58,"height":59,"image_alt":94,"kind":61,"patterns":95,"component_categories":119,"app":129},"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",[96,104,112],{"id":97,"label":98,"slug":99,"rank":67,"group":100},115,"Empty State","empty-state",{"id":101,"label":102,"slug":103},12,"States & Feedback","states-and-feedback",{"id":105,"label":106,"slug":107,"rank":69,"group":108},25,"Upload & Download","upload-and-download",{"id":109,"label":110,"slug":111},2,"Actions","actions",{"id":113,"label":91,"slug":114,"rank":109,"group":115},81,"home",{"id":116,"label":117,"slug":118},8,"Pages & Content","pages-and-content",[120,124,128],{"id":121,"title":122,"slug":123},260,"Badge","badge",{"id":125,"title":126,"slug":127},240,"Horizontal navigation","horizontal-navigation",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":130},[],{"uuid":132,"title":133,"description":134,"canonical_path":29,"image":135,"width":58,"height":59,"image_alt":136,"kind":61,"patterns":137,"component_categories":165,"app":168},"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",[138,146,154,159],{"id":139,"label":140,"slug":141,"rank":67,"group":142},55,"Design Editor","design-editor",{"id":143,"label":144,"slug":145},5,"Media & Tools","media-and-tools",{"id":147,"label":148,"slug":149,"rank":69,"group":150},106,"Comments","comments",{"id":151,"label":152,"slug":153},11,"Social & Collaboration","social-and-collaboration",{"id":155,"label":156,"slug":157,"rank":109,"group":158},24,"Share","share",{"id":109,"label":110,"slug":111},{"id":160,"label":161,"slug":162,"rank":163,"group":164},82,"Media Detail","media-detail",3,{"id":116,"label":117,"slug":118},[166,167],{"id":125,"title":126,"slug":127},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":169},[],{"uuid":171,"title":172,"description":173,"canonical_path":29,"image":174,"width":175,"height":176,"image_alt":177,"kind":61,"patterns":178,"component_categories":190,"app":193},"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",[179,181,183,185],{"id":160,"label":161,"slug":162,"rank":67,"group":180},{"id":116,"label":117,"slug":118},{"id":155,"label":156,"slug":157,"rank":69,"group":182},{"id":109,"label":110,"slug":111},{"id":139,"label":140,"slug":141,"rank":109,"group":184},{"id":143,"label":144,"slug":145},{"id":186,"label":187,"slug":188,"rank":163,"group":189},79,"Browse","browse",{"id":116,"label":117,"slug":118},[191,192],{"id":125,"title":126,"slug":127},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":194},[],{"uuid":196,"title":148,"description":197,"canonical_path":29,"image":198,"width":175,"height":59,"image_alt":199,"kind":61,"patterns":200,"component_categories":209,"app":219},"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",[201],{"id":202,"label":203,"slug":204,"rank":67,"group":205},136,"Landing Page","landing-page",{"id":206,"label":207,"slug":208},15,"Marketing Page Types","marketing-page-types",[210,214,218],{"id":211,"title":212,"slug":213},214,"Popover","popover",{"id":215,"title":216,"slug":217},174,"Card","card",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":220},[],{"uuid":222,"title":223,"description":57,"canonical_path":29,"image":224,"width":58,"height":59,"image_alt":225,"kind":61,"patterns":226,"component_categories":229,"app":231},"8f4b9dd9-fb7a-4d9a-8461-6c0fb862eb86","Settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fredpen_settings_ddcdb69b_nicelydone.jpg","Settings from Redpen",[227],{"id":64,"label":65,"slug":66,"rank":67,"group":228},{"id":69,"label":70,"slug":71},[230],{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":232},[],{"uuid":234,"title":235,"description":236,"canonical_path":29,"image":237,"width":58,"height":238,"image_alt":239,"kind":61,"patterns":240,"component_categories":257,"app":263},"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",[241,249],{"id":242,"label":243,"slug":244,"rank":67,"group":245},89,"Pricing","pricing",{"id":246,"label":247,"slug":248},9,"Plans & Limits","plans-and-limits",{"id":250,"label":251,"slug":252,"rank":69,"group":253},96,"Billing Settings","billing-settings",{"id":254,"label":255,"slug":256},10,"Settings & Admin","settings-and-admin",[258,262],{"id":259,"title":260,"slug":261},189,"FAQ","faq",{"id":125,"title":126,"slug":127},{"slug":36,"title":35,"logo":38,"categories":264},[],{"uuid":266,"title":267,"description":268,"canonical_path":29,"image":269,"width":58,"height":270,"image_alt":271,"kind":61,"patterns":272,"component_categories":283,"app":286},"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",[273,278],{"id":274,"label":275,"slug":276,"rank":67,"group":277},104,"Team Management","team-management",{"id":254,"label":255,"slug":256},{"id":279,"label":280,"slug":281,"rank":69,"group":282},133,"Invite Teammates","invite-teammates",{"id":109,"label":110,"slug":111},[284,285],{"id":121,"title":122,"slug":123},{"id":125,"title":126,"slug":127},{"slug":36,"title":35,"logo":38,"categories":287},[],{"uuid":289,"title":290,"description":291,"canonical_path":29,"image":292,"width":58,"height":293,"image_alt":294,"kind":61,"patterns":295,"component_categories":315,"app":322},"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",[296,301,303,308],{"id":297,"label":298,"slug":299,"rank":67,"group":300},7,"Add & Create","add-and-create",{"id":109,"label":110,"slug":111},{"id":97,"label":98,"slug":99,"rank":69,"group":302},{"id":101,"label":102,"slug":103},{"id":304,"label":305,"slug":306,"rank":109,"group":307},80,"Files","files",{"id":116,"label":117,"slug":118},{"id":309,"label":310,"slug":311,"rank":163,"group":312},41,"Dashboard","dashboard",{"id":64,"label":313,"slug":314},"Data & Analysis","data-and-analysis",[316,320,321],{"id":317,"title":318,"slug":319},169,"Avatar","avatar",{"id":125,"title":126,"slug":127},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":323},[],{"uuid":325,"title":326,"description":327,"canonical_path":29,"image":328,"width":58,"height":329,"image_alt":330,"kind":61,"patterns":331,"component_categories":342,"app":346},"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",[332,334,336,340],{"id":97,"label":98,"slug":99,"rank":67,"group":333},{"id":101,"label":102,"slug":103},{"id":105,"label":106,"slug":107,"rank":69,"group":335},{"id":109,"label":110,"slug":111},{"id":254,"label":337,"slug":338,"rank":109,"group":339},"Drag & Drop","drag-and-drop",{"id":109,"label":110,"slug":111},{"id":309,"label":310,"slug":311,"rank":163,"group":341},{"id":64,"label":313,"slug":314},[343,344,345],{"id":317,"title":318,"slug":319},{"id":125,"title":126,"slug":127},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":347},[],{"uuid":349,"title":350,"description":351,"canonical_path":29,"image":352,"width":58,"height":353,"image_alt":354,"kind":61,"patterns":355,"component_categories":368,"app":373},"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",[356,358,360,364,366],{"id":309,"label":310,"slug":311,"rank":67,"group":357},{"id":64,"label":313,"slug":314},{"id":186,"label":187,"slug":188,"rank":69,"group":359},{"id":116,"label":117,"slug":118},{"id":151,"label":361,"slug":362,"rank":109,"group":363},"Edit","edit",{"id":109,"label":110,"slug":111},{"id":155,"label":156,"slug":157,"rank":163,"group":365},{"id":109,"label":110,"slug":111},{"id":97,"label":98,"slug":99,"rank":64,"group":367},{"id":101,"label":102,"slug":103},[369,370,371,372],{"id":215,"title":216,"slug":217},{"id":317,"title":318,"slug":319},{"id":125,"title":126,"slug":127},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":374},[],{"family":376,"examples":377},"pages",[],[379,381,383,386,389,392,395,397,401,405,409],{"label":380,"to":29},"Redpen product screens",{"label":382,"to":32},"Redpen marketing pages",{"label":384,"to":385},"Redpen user flows","\u002Fexamples\u002Fapps\u002Fredpen\u002Fflows",{"label":387,"to":388},"Redpen UI components","\u002Fexamples\u002Fapps\u002Fredpen\u002Fcomponents",{"label":390,"to":391},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":393,"to":394},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"label":396,"to":18},"All SaaS app examples",{"label":398,"to":399,"description":400},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":402,"to":403,"description":404},"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":406,"to":407,"description":408},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":410,"to":411,"description":412},"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":414,"updated_at":415},"2016-06-20T08:20:00.000Z","2026-09-13T13:02:39.000Z"]