[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Frayon\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":49,"showcases":251,"links":252,"dates":278},"\u002Fexamples\u002Fapps\u002Frayon\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Rayon product screens examples - Nicelydone","Browse Rayon screen design examples. Preview the interface screenshots and explore related UI patterns. The fastest tool to create perfect architectural…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1951c94a-c649-4007-8d9a-bbbe4845dad9.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Rayon design examples","\u002Fexamples\u002Fapps\u002Frayon",{"label":23,"to":4},"Rayon product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Rayon screen design examples. Preview the interface screenshots and explore related UI patterns. The fastest tool to create perfect architectural drawings",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Rayon","rayon","The fastest tool to create perfect architectural drawings","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frayon-633e8478.png","https:\u002F\u002Fwww.rayon.design\u002F","rayonapp",[37,41,45],{"id":38,"title":39,"slug":40},73,"Architecture","architecture",{"id":42,"title":43,"slug":44},8,"Design","design",{"id":46,"title":47,"slug":48},23,"Collaboration","collaboration",[50,74,85,122,133,144,155,166,177,188,220,238],{"uuid":51,"title":30,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":72},"1951c94a-c649-4007-8d9a-bbbe4845dad9","Sign-in screen where the user authenticates with email and password or Google SSO, featuring a branded pitch and customer logo wall on the right.",3024,1778,"Rayon from Rayon","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},2,"Forgot Password","forgot-password",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68],{"id":69,"title":70,"slug":71},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":73},[],{"uuid":75,"title":30,"description":76,"canonical_path":4,"image":77,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":78,"component_categories":81,"app":83},"0406c3c2-ba4d-4d7d-82c8-9fbd5ffade21","Sign-in screen where the user authenticates with email and password or Google SSO, featuring a customer logo wall on the right panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0406c3c2-ba4d-4d7d-82c8-9fbd5ffade21.png",[79],{"id":59,"label":60,"slug":61,"rank":62,"group":80},{"id":64,"label":65,"slug":66},[82],{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":84},[],{"uuid":86,"title":87,"description":88,"canonical_path":4,"image":89,"width":53,"height":90,"image_alt":91,"kind":56,"patterns":92,"component_categories":110,"app":120},"c2b9040d-4f30-4188-a0bd-17b53cbb9902","Frame 10","Home screen for a personal workspace where the user can access recent models, templates, and tutorials, alongside a prompt to invite students for a free plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc2b9040d-4f30-4188-a0bd-17b53cbb9902.png",2178,"Frame 10 from Rayon",[93,100,105],{"id":94,"label":95,"slug":96,"rank":62,"group":97},81,"Home","home",{"id":42,"label":98,"slug":99},"Pages & Content","pages-and-content",{"id":101,"label":102,"slug":103,"rank":64,"group":104},79,"Browse","browse",{"id":42,"label":98,"slug":99},{"id":106,"label":107,"slug":108,"rank":59,"group":109},86,"Templates","templates",{"id":42,"label":98,"slug":99},[111,115,119],{"id":112,"title":113,"slug":114},174,"Card","card",{"id":116,"title":117,"slug":118},260,"Badge","badge",{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":121},[],{"uuid":123,"title":30,"description":124,"canonical_path":4,"image":125,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":126,"component_categories":129,"app":131},"4ab1324c-358b-4497-9428-c205c1cc1905","Password recovery screen where the user enters their email address to receive a reset code, alongside a promotional panel highlighting architectural drawing capabilities and customer logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4ab1324c-358b-4497-9428-c205c1cc1905.png",[127],{"id":59,"label":60,"slug":61,"rank":62,"group":128},{"id":64,"label":65,"slug":66},[130],{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":132},[],{"uuid":134,"title":30,"description":135,"canonical_path":4,"image":136,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":137,"component_categories":140,"app":142},"7df962b0-79d8-46ec-92fd-9c0fb190096f","Password recovery screen where the user enters their email address to receive a reset code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7df962b0-79d8-46ec-92fd-9c0fb190096f.png",[138],{"id":59,"label":60,"slug":61,"rank":62,"group":139},{"id":64,"label":65,"slug":66},[141],{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":143},[],{"uuid":145,"title":30,"description":146,"canonical_path":4,"image":147,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":148,"component_categories":151,"app":153},"a4153df7-d39a-40e1-93a3-6bfe8db71985","Password recovery screen where the user enters a 6-digit verification code sent to their email while viewing a marketing pitch with customer logos on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa4153df7-d39a-40e1-93a3-6bfe8db71985.png",[149],{"id":59,"label":60,"slug":61,"rank":62,"group":150},{"id":64,"label":65,"slug":66},[152],{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":154},[],{"uuid":156,"title":30,"description":157,"canonical_path":4,"image":158,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":159,"component_categories":162,"app":164},"6e653779-1d5b-4523-adec-92a80b76d040","Password recovery screen where the user enters a new password to regain access to their account, featuring a marketing panel with customer logos on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6e653779-1d5b-4523-adec-92a80b76d040.png",[160],{"id":59,"label":60,"slug":61,"rank":62,"group":161},{"id":64,"label":65,"slug":66},[163],{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":165},[],{"uuid":167,"title":30,"description":168,"canonical_path":4,"image":169,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":170,"component_categories":173,"app":175},"a51ebb3c-930c-4521-974d-f6c358114158","Password recovery screen where the user enters a new password to complete the reset process, featuring a promotional side panel with customer logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa51ebb3c-930c-4521-974d-f6c358114158.png",[171],{"id":59,"label":60,"slug":61,"rank":62,"group":172},{"id":64,"label":65,"slug":66},[174],{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":176},[],{"uuid":178,"title":30,"description":179,"canonical_path":4,"image":180,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":181,"component_categories":184,"app":186},"84479036-03b1-4b72-963f-489b1e0cc6d9","Password recovery screen where the user enters a new password and submits the form to regain account access.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F84479036-03b1-4b72-963f-489b1e0cc6d9.png",[182],{"id":59,"label":60,"slug":61,"rank":62,"group":183},{"id":64,"label":65,"slug":66},[185],{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":187},[],{"uuid":189,"title":190,"description":191,"canonical_path":4,"image":192,"width":53,"height":90,"image_alt":193,"kind":56,"patterns":194,"component_categories":214,"app":218},"d7a668b5-d46e-4a80-b7d6-46dccab8fa4f","Personal | Rayon","Home view for a personal workspace where the user can access recent models, browse templates, and watch tutorials, alongside a prompt to invite students for a free plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd7a668b5-d46e-4a80-b7d6-46dccab8fa4f.png","Personal | Rayon from Rayon",[195,197,199,206],{"id":94,"label":95,"slug":96,"rank":62,"group":196},{"id":42,"label":98,"slug":99},{"id":106,"label":107,"slug":108,"rank":64,"group":198},{"id":42,"label":98,"slug":99},{"id":200,"label":201,"slug":202,"rank":59,"group":203},7,"Add & Create","add-and-create",{"id":59,"label":204,"slug":205},"Actions","actions",{"id":207,"label":208,"slug":209,"rank":210,"group":211},76,"Tutorial","tutorial",3,{"id":200,"label":212,"slug":213},"Onboarding & Education","onboarding-and-education",[215,216,217],{"id":112,"title":113,"slug":114},{"id":116,"title":117,"slug":118},{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":219},[],{"uuid":221,"title":30,"description":222,"canonical_path":4,"image":223,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":224,"component_categories":234,"app":236},"f61fc233-0fbd-400c-af50-e9f337a2a1d7","Signup screen where the user creates an account via email or Google, accompanied by a promotional graphic and customer logo wall for an architectural drawing tool.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff61fc233-0fbd-400c-af50-e9f337a2a1d7.png",[225,230],{"id":226,"label":227,"slug":228,"rank":62,"group":229},5,"Sign Up","sign-up",{"id":64,"label":65,"slug":66},{"id":64,"label":231,"slug":232,"rank":64,"group":233},"Account Setup","account-setup",{"id":64,"label":65,"slug":66},[235],{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":237},[],{"uuid":239,"title":30,"description":240,"canonical_path":4,"image":241,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":242,"component_categories":247,"app":249},"6927eb9e-5d0c-46c7-b6f3-6f5ac05096d3","Signup page where the user creates a free account using email and password or Google OAuth, alongside a promotional panel featuring customer logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6927eb9e-5d0c-46c7-b6f3-6f5ac05096d3.png",[243,245],{"id":226,"label":227,"slug":228,"rank":62,"group":244},{"id":64,"label":65,"slug":66},{"id":64,"label":231,"slug":232,"rank":64,"group":246},{"id":64,"label":65,"slug":66},[248],{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":250},[],[],[253,255,257,259,261,263,265,267,269,272,275],{"label":60,"to":254},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":231,"to":256},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":95,"to":258},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":227,"to":260},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":107,"to":262,"count":59},"\u002Fexamples\u002Fscreens\u002Ftemplates",{"label":201,"to":264,"count":64},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":102,"to":266,"count":64},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":208,"to":268,"count":64},"\u002Fexamples\u002Fscreens\u002Ftutorial",{"label":270,"to":271},"Architecture app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Farchitecture",{"label":273,"to":274},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":276,"to":277},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"published_at":279,"updated_at":280},"2025-02-03T07:27:07.000Z","2026-09-13T13:02:39.000Z"]