[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fopteo":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":53,"showcases":54,"links":248,"dates":286},"\u002Fexamples\u002Fapps\u002Fopteo","detail","apps",true,{"title":9,"description":10,"og_image":11},"Opteo design examples - Nicelydone","Explore Opteo UI design examples. Automate your adwords day to day","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fopteo_opteo-7_ef92ce67_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Opteo design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Opteo",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fopteo\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fopteo\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Opteo","opteo","Automate your adwords day to day","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fopteo-868fe012.png","https:\u002F\u002Fopteo.com",[41,45,49],{"id":42,"title":43,"slug":44},25,"Marketing","marketing",{"id":46,"title":47,"slug":48},81,"Advertising","advertising",{"id":50,"title":51,"slug":52},46,"Analytics","analytics",[],[55,245],{"family":56,"examples":57},"screens",[58,87,104,122,134,167,199],{"uuid":59,"title":60,"description":61,"canonical_path":29,"image":11,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":66,"component_categories":76,"app":85},"dc567c26-f77e-4254-b5c5-6de9abf9506a","Sign in","Sign-in screen where the user authenticates with their email address and password.",2880,1534,"Sign in from Opteo","screen",[67],{"id":68,"label":69,"slug":70,"rank":71,"group":72},4,"Sign In","sign-in",0,{"id":73,"label":74,"slug":75},1,"Access & Account","access-and-account",[77,81],{"id":78,"title":79,"slug":80},174,"Card","card",{"id":82,"title":83,"slug":84},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":29,"image":91,"width":62,"height":63,"image_alt":92,"kind":65,"patterns":93,"component_categories":99,"app":102},"a4fe5764-cfbe-4606-a7bf-4a6659bd7bf5","Password reset","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fopteo_opteo-6_827c5e47_nicelydone.png","Password reset from Opteo",[94],{"id":95,"label":96,"slug":97,"rank":71,"group":98},2,"Forgot Password","forgot-password",{"id":73,"label":74,"slug":75},[100,101],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":103},[],{"uuid":105,"title":106,"description":107,"canonical_path":29,"image":108,"width":62,"height":109,"image_alt":110,"kind":65,"patterns":111,"component_categories":117,"app":120},"3a5b398a-63a6-4bf3-8bc2-a7e412cff64e","Sign up","Signup screen where the user creates an account by providing their name, email, password, and selecting whether they are an agency or a business, currently displaying a validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fopteo_opteo-5_cb8e9e21_nicelydone.png",1812,"Sign up from Opteo",[112],{"id":113,"label":114,"slug":115,"rank":71,"group":116},5,"Sign Up","sign-up",{"id":73,"label":74,"slug":75},[118,119],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":121},[],{"uuid":123,"title":106,"description":124,"canonical_path":29,"image":125,"width":62,"height":109,"image_alt":110,"kind":65,"patterns":126,"component_categories":129,"app":132},"d60b781b-84e2-4c0c-a303-3dac362ff5b9","Signup page where the user creates an account by entering their name, email, password, and selecting whether they are an agency or a business.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fopteo_opteo-4_01334de6_nicelydone.png",[127],{"id":113,"label":114,"slug":115,"rank":71,"group":128},{"id":73,"label":74,"slug":75},[130,131],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":133},[],{"uuid":135,"title":136,"description":137,"canonical_path":29,"image":138,"width":62,"height":139,"image_alt":140,"kind":65,"patterns":141,"component_categories":158,"app":165},"fa617a90-ddcb-4064-bce6-cd6df2c5dc07","Empty state","Billing settings page showing an empty state for invoices with a prompt to configure invoice details.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fopteo_opteo-2_58f764dd_nicelydone.png",1632,"Empty state from Opteo",[142,150],{"id":143,"label":144,"slug":145,"rank":71,"group":146},115,"Empty State","empty-state",{"id":147,"label":148,"slug":149},12,"States & Feedback","states-and-feedback",{"id":151,"label":152,"slug":153,"rank":73,"group":154},96,"Billing Settings","billing-settings",{"id":155,"label":156,"slug":157},10,"Settings & Admin","settings-and-admin",[159,163,164],{"id":160,"title":161,"slug":162},233,"Tabs","tabs",{"id":82,"title":83,"slug":84},{"id":78,"title":79,"slug":80},{"slug":36,"title":35,"logo":38,"categories":166},[],{"uuid":168,"title":169,"description":170,"canonical_path":29,"image":171,"width":62,"height":172,"image_alt":173,"kind":65,"patterns":174,"component_categories":193,"app":197},"dc9ae1c6-9ff9-4651-8de6-fb816d55e992","Billing","Billing settings page where a user with a cancelled account can start a new free trial, update their payment method, or apply a discount code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fopteo_opteo-8_ee320f20_nicelydone.png",2144,"Billing from Opteo",[175,177,185],{"id":151,"label":152,"slug":153,"rank":71,"group":176},{"id":155,"label":156,"slug":157},{"id":178,"label":179,"slug":180,"rank":73,"group":181},91,"Trial","trial",{"id":182,"label":183,"slug":184},9,"Plans & Limits","plans-and-limits",{"id":186,"label":187,"slug":188,"rank":95,"group":189},132,"Payment Method","payment-method",{"id":190,"label":191,"slug":192},14,"Payments & Checkout","payments-and-checkout",[194,195,196],{"id":160,"title":161,"slug":162},{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":198},[],{"uuid":200,"title":201,"description":202,"canonical_path":29,"image":203,"width":62,"height":204,"image_alt":205,"kind":65,"patterns":206,"component_categories":236,"app":243},"9425b6d4-de7e-4459-bb1d-9795f42a856f","Settings","Settings page where the user manages team members, configures Slack and email alerts, updates their profile and password, and sets automation preferences.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fopteo_opteo_cc0b75a1_nicelydone.png",5674,"Settings from Opteo",[207,212,217,222,230],{"id":208,"label":209,"slug":210,"rank":71,"group":211},94,"Account Settings","account-settings",{"id":155,"label":156,"slug":157},{"id":213,"label":214,"slug":215,"rank":73,"group":216},104,"Team Management","team-management",{"id":155,"label":156,"slug":157},{"id":218,"label":219,"slug":220,"rank":95,"group":221},99,"Notification Settings","notification-settings",{"id":155,"label":156,"slug":157},{"id":223,"label":224,"slug":225,"rank":223,"group":226},3,"Profile","profile",{"id":227,"label":228,"slug":229},11,"Social & Collaboration","social-and-collaboration",{"id":227,"label":231,"slug":232,"rank":68,"group":233},"Edit","edit",{"id":95,"label":234,"slug":235},"Actions","actions",[237,241,242],{"id":238,"title":239,"slug":240},169,"Avatar","avatar",{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"slug":36,"title":35,"logo":38,"categories":244},[],{"family":246,"examples":247},"pages",[],[249,251,253,256,259,262,265,268,270,274,278,282],{"label":250,"to":29},"Opteo product screens",{"label":252,"to":32},"Opteo marketing pages",{"label":254,"to":255},"Opteo user flows","\u002Fexamples\u002Fapps\u002Fopteo\u002Fflows",{"label":257,"to":258},"Opteo UI components","\u002Fexamples\u002Fapps\u002Fopteo\u002Fcomponents",{"label":260,"to":261},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":263,"to":264},"Advertising app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fadvertising",{"label":266,"to":267},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":269,"to":18},"All SaaS app examples",{"label":271,"to":272,"description":273},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":275,"to":276,"description":277},"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":279,"to":280,"description":281},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":283,"to":284,"description":285},"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":287,"updated_at":288},"2020-11-23T19:30:00.000Z","2026-09-13T13:02:39.000Z"]