[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fortto\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":56,"showcases":217,"links":218,"dates":237},"\u002Fexamples\u002Fapps\u002Fortto\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Ortto UI components examples - Nicelydone","Browse Ortto UI component design examples. Preview individual interface elements and explore related component categories. Customer Data, Messaging &…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc353fcd3-25e2-46ef-ab0f-e75f8461a112.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},"Ortto design examples","\u002Fexamples\u002Fapps\u002Fortto",{"label":23,"to":4},"Ortto UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Ortto UI component design examples. Preview individual interface elements and explore related component categories. Customer Data, Messaging & Analytics Working Together",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Ortto","ortto","Customer Data, Messaging & Analytics Working Together","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fortto-5f1ee46b.png","https:\u002F\u002Fortto.com",[36,40,44,48,52],{"id":37,"title":38,"slug":39},25,"Marketing","marketing",{"id":41,"title":42,"slug":43},27,"Email Newsletters","email-newsletters",{"id":45,"title":46,"slug":47},68,"SMS","sms",{"id":49,"title":50,"slug":51},46,"Analytics","analytics",{"id":53,"title":54,"slug":55},57,"Big data","big-data",[57,72,87,99,111,123,135,147,162,177,191,203],{"uuid":58,"title":59,"description":60,"canonical_path":4,"image":11,"width":61,"height":62,"image_alt":63,"kind":64,"categories":65,"app":70},"87fb1aa7-607d-4369-a23d-cbc1abb5c44b","Theme Toggle Switch","A toggle switch component used to change the application theme, currently showing a sun icon indicating light mode.",257,232,"Theme Toggle Switch from Ortto","component",[66],{"id":67,"title":68,"slug":69},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":71},[],{"uuid":73,"title":74,"description":75,"canonical_path":4,"image":76,"width":77,"height":78,"image_alt":79,"kind":64,"categories":80,"app":85},"867f0335-81a8-4be9-a489-24917c738a0c","Hourglass illustration","A stylized illustration of an hourglass with blue sand flowing from the top to the bottom bulb.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F170d4acb-7d62-486c-bb21-bfb754e2d9a9.png",351,458,"Hourglass illustration from Ortto",[81],{"id":82,"title":83,"slug":84},278,"Illustration","illustration",{"slug":31,"title":30,"logo":33,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":4,"image":91,"width":92,"height":93,"image_alt":94,"kind":64,"categories":95,"app":97},"7c4fd8a1-1f81-4083-ac70-c3492ee545bc","Empty state illustration","A hand-drawn style illustration of an open notebook with a pencil and a blue ribbon bookmark. It serves as a visual placeholder for an empty state.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F273f8c7c-ce3d-4a56-91ee-16c4495a4768.png",533,482,"Empty state illustration from Ortto",[96],{"id":82,"title":83,"slug":84},{"slug":31,"title":30,"logo":33,"categories":98},[],{"uuid":100,"title":101,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":106,"kind":64,"categories":107,"app":109},"2be6baa5-9cc7-4dbb-bde5-11ca01180a54","Directional signpost illustration","A stylized illustration of a signpost with multiple arrows pointing in different directions, set on a patch of grass.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F45217ee2-1f56-46ee-ad96-d69f35fd2abc.png",474,443,"Directional signpost illustration from Ortto",[108],{"id":82,"title":83,"slug":84},{"slug":31,"title":30,"logo":33,"categories":110},[],{"uuid":112,"title":113,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":118,"kind":64,"categories":119,"app":121},"061a42e0-3528-4940-8207-bf859b546e04","Search document illustration","An illustration of a magnifying glass over a document with a folded corner.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F70e25fc0-2436-4a87-b019-09abc3ce4176.png",495,530,"Search document illustration from Ortto",[120],{"id":82,"title":83,"slug":84},{"slug":31,"title":30,"logo":33,"categories":122},[],{"uuid":124,"title":125,"description":126,"canonical_path":4,"image":127,"width":128,"height":129,"image_alt":130,"kind":64,"categories":131,"app":133},"54884aac-cb6c-4f83-b379-7f690c9951b8","Checkmark Illustration","A 3D-style illustration of a checkmark, used as a visual element.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdd35ff52-2b66-4fda-9340-404120ba7798.png",565,541,"Checkmark Illustration from Ortto",[132],{"id":82,"title":83,"slug":84},{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":137,"description":138,"canonical_path":4,"image":139,"width":140,"height":141,"image_alt":142,"kind":64,"categories":143,"app":145},"baac60a9-c7c9-47e2-8686-da23b34bcf22","Ortto UI component","A simple illustration of a padlock","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2438b2ba-915f-4ad3-b3a5-a83cb0eb57e8.png",440,402,"UI component from Ortto",[144],{"id":82,"title":83,"slug":84},{"slug":31,"title":30,"logo":33,"categories":146},[],{"uuid":148,"title":149,"description":150,"canonical_path":4,"image":151,"width":152,"height":153,"image_alt":154,"kind":64,"categories":155,"app":160},"a58b3d6a-6c3e-4aa7-95ab-1f6be851f679","Usage limits progress bars","Two progress bars showing current usage against limits for email sends and available contacts, with an explanatory note about exceeding limits on a free trial.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F226c5d64-1792-45de-bc0d-68797a98c969.png",1236,550,"Usage limits progress bars from Ortto",[156],{"id":157,"title":158,"slug":159},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":161},[],{"uuid":163,"title":164,"description":165,"canonical_path":4,"image":166,"width":167,"height":168,"image_alt":169,"kind":64,"categories":170,"app":175},"506a6707-4607-4b64-b8a5-4ca9e025cc8e","Warning Alert","An inline warning alert informing the user that a US number is required to enable international messaging, with a link to add a number.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F870bbc46-3c71-45c1-9dcd-746f66deb5cd.png",1362,368,"Warning Alert from Ortto",[171],{"id":172,"title":173,"slug":174},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":176},[],{"uuid":178,"title":179,"description":180,"canonical_path":4,"image":181,"width":182,"height":183,"image_alt":184,"kind":64,"categories":185,"app":189},"1bf592ff-48cc-4e40-a90c-6f89ce42eb73","Number Input Field","A number input field with a label asking 'How many contacts do you have?' and stepper controls to increment or decrement the value.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fade26855-d8a6-4afe-a7eb-91394b90fa44.png",585,247,"Number Input Field from Ortto",[186],{"id":61,"title":187,"slug":188},"Input number","input-number",{"slug":31,"title":30,"logo":33,"categories":190},[],{"uuid":192,"title":193,"description":194,"canonical_path":4,"image":195,"width":196,"height":197,"image_alt":198,"kind":64,"categories":199,"app":201},"f43c1801-0cac-4a2b-8028-05dc2182968c","Error Alert","An inline error alert notifying the user that a Google Ads account is not connected, with a link to connect one.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc02c7ea9-183d-4f9d-85ec-1f95880a6532.png",1232,364,"Error Alert from Ortto",[200],{"id":172,"title":173,"slug":174},{"slug":31,"title":30,"logo":33,"categories":202},[],{"uuid":204,"title":205,"description":206,"canonical_path":4,"image":207,"width":208,"height":209,"image_alt":210,"kind":64,"categories":211,"app":215},"cebceb06-b1ee-452b-b519-ba420857262b","Success Toast","A dark-themed success toast notification confirming tag changes, featuring an info icon, a bold 'Success!' title, an 'Undo' action link, and a descriptive message.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd9102494-835d-4a90-b813-38574d158f95.png",612,239,"Success Toast from Ortto",[212],{"id":183,"title":213,"slug":214},"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":216},[],[],[219,222,225,228,231,234],{"label":220,"to":221},"Ortto product screens","\u002Fexamples\u002Fapps\u002Fortto\u002Fscreens",{"label":223,"to":224},"Ortto marketing pages","\u002Fexamples\u002Fapps\u002Fortto\u002Fmarketing",{"label":226,"to":227},"Ortto user flows","\u002Fexamples\u002Fapps\u002Fortto\u002Fflows",{"label":229,"to":230},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":232,"to":233},"Email Newsletters app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail-newsletters",{"label":235,"to":236},"SMS app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsms",{"published_at":238,"updated_at":239},"2023-03-21T13:13:51.000Z","2026-09-13T13:02:39.000Z"]