[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Frayon":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":60,"showcases":61,"links":275,"dates":311},"\u002Fexamples\u002Fapps\u002Frayon","detail","apps",true,{"title":9,"description":10,"og_image":11},"Rayon design examples - Nicelydone","Explore Rayon UI design examples. The fastest tool to create perfect architectural drawings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1951c94a-c649-4007-8d9a-bbbe4845dad9.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Rayon design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Rayon",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Frayon\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Frayon\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Frayon\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Frayon\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"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",[48,52,56],{"id":49,"title":50,"slug":51},73,"Architecture","architecture",{"id":53,"title":54,"slug":55},8,"Design","design",{"id":57,"title":58,"slug":59},23,"Collaboration","collaboration",[],[62,266,269,272],{"family":63,"examples":64},"screens",[65,89,100,137,148,159,170,181,192,203,235,253],{"uuid":66,"title":41,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":82,"app":87},"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",[73],{"id":74,"label":75,"slug":76,"rank":77,"group":78},2,"Forgot Password","forgot-password",0,{"id":79,"label":80,"slug":81},1,"Access & Account","access-and-account",[83],{"id":84,"title":85,"slug":86},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":88},[],{"uuid":90,"title":41,"description":91,"canonical_path":29,"image":92,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":93,"component_categories":96,"app":98},"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",[94],{"id":74,"label":75,"slug":76,"rank":77,"group":95},{"id":79,"label":80,"slug":81},[97],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":99},[],{"uuid":101,"title":102,"description":103,"canonical_path":29,"image":104,"width":68,"height":105,"image_alt":106,"kind":71,"patterns":107,"component_categories":125,"app":135},"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",[108,115,120],{"id":109,"label":110,"slug":111,"rank":77,"group":112},81,"Home","home",{"id":53,"label":113,"slug":114},"Pages & Content","pages-and-content",{"id":116,"label":117,"slug":118,"rank":79,"group":119},79,"Browse","browse",{"id":53,"label":113,"slug":114},{"id":121,"label":122,"slug":123,"rank":74,"group":124},86,"Templates","templates",{"id":53,"label":113,"slug":114},[126,130,134],{"id":127,"title":128,"slug":129},174,"Card","card",{"id":131,"title":132,"slug":133},260,"Badge","badge",{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":136},[],{"uuid":138,"title":41,"description":139,"canonical_path":29,"image":140,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":141,"component_categories":144,"app":146},"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",[142],{"id":74,"label":75,"slug":76,"rank":77,"group":143},{"id":79,"label":80,"slug":81},[145],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":147},[],{"uuid":149,"title":41,"description":150,"canonical_path":29,"image":151,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":152,"component_categories":155,"app":157},"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",[153],{"id":74,"label":75,"slug":76,"rank":77,"group":154},{"id":79,"label":80,"slug":81},[156],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":158},[],{"uuid":160,"title":41,"description":161,"canonical_path":29,"image":162,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":163,"component_categories":166,"app":168},"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",[164],{"id":74,"label":75,"slug":76,"rank":77,"group":165},{"id":79,"label":80,"slug":81},[167],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":169},[],{"uuid":171,"title":41,"description":172,"canonical_path":29,"image":173,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":174,"component_categories":177,"app":179},"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",[175],{"id":74,"label":75,"slug":76,"rank":77,"group":176},{"id":79,"label":80,"slug":81},[178],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":180},[],{"uuid":182,"title":41,"description":183,"canonical_path":29,"image":184,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":185,"component_categories":188,"app":190},"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",[186],{"id":74,"label":75,"slug":76,"rank":77,"group":187},{"id":79,"label":80,"slug":81},[189],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":191},[],{"uuid":193,"title":41,"description":194,"canonical_path":29,"image":195,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":196,"component_categories":199,"app":201},"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",[197],{"id":74,"label":75,"slug":76,"rank":77,"group":198},{"id":79,"label":80,"slug":81},[200],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":202},[],{"uuid":204,"title":205,"description":206,"canonical_path":29,"image":207,"width":68,"height":105,"image_alt":208,"kind":71,"patterns":209,"component_categories":229,"app":233},"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",[210,212,214,221],{"id":109,"label":110,"slug":111,"rank":77,"group":211},{"id":53,"label":113,"slug":114},{"id":121,"label":122,"slug":123,"rank":79,"group":213},{"id":53,"label":113,"slug":114},{"id":215,"label":216,"slug":217,"rank":74,"group":218},7,"Add & Create","add-and-create",{"id":74,"label":219,"slug":220},"Actions","actions",{"id":222,"label":223,"slug":224,"rank":225,"group":226},76,"Tutorial","tutorial",3,{"id":215,"label":227,"slug":228},"Onboarding & Education","onboarding-and-education",[230,231,232],{"id":127,"title":128,"slug":129},{"id":131,"title":132,"slug":133},{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":234},[],{"uuid":236,"title":41,"description":237,"canonical_path":29,"image":238,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":239,"component_categories":249,"app":251},"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",[240,245],{"id":241,"label":242,"slug":243,"rank":77,"group":244},5,"Sign Up","sign-up",{"id":79,"label":80,"slug":81},{"id":79,"label":246,"slug":247,"rank":79,"group":248},"Account Setup","account-setup",{"id":79,"label":80,"slug":81},[250],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":252},[],{"uuid":254,"title":41,"description":255,"canonical_path":29,"image":256,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":257,"component_categories":262,"app":264},"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",[258,260],{"id":241,"label":242,"slug":243,"rank":77,"group":259},{"id":79,"label":80,"slug":81},{"id":79,"label":246,"slug":247,"rank":79,"group":261},{"id":79,"label":80,"slug":81},[263],{"id":84,"title":85,"slug":86},{"slug":42,"title":41,"logo":44,"categories":265},[],{"family":267,"examples":268},"flows",[],{"family":270,"examples":271},"components",[],{"family":273,"examples":274},"pages",[],[276,278,280,282,284,287,290,293,295,299,303,307],{"label":277,"to":29},"Rayon product screens",{"label":279,"to":38},"Rayon marketing pages",{"label":281,"to":32},"Rayon user flows",{"label":283,"to":35},"Rayon UI components",{"label":285,"to":286},"Architecture app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Farchitecture",{"label":288,"to":289},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":291,"to":292},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":294,"to":18},"All SaaS app examples",{"label":296,"to":297,"description":298},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":300,"to":301,"description":302},"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":304,"to":305,"description":306},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":308,"to":309,"description":310},"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":312,"updated_at":313},"2025-02-03T07:27:03.000Z","2026-09-13T13:02:39.000Z"]