[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fscribe-mail\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":45,"showcases":221,"links":222,"dates":256},"\u002Fexamples\u002Fapps\u002Fscribe-mail\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Scribe UI components examples - Nicelydone","Browse Scribe UI component design examples. Preview individual interface elements and explore related component categories. Email signatures marketing on…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2e3bd55c-dc01-463a-8ef0-cb48fef0eb35.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},"Scribe design examples","\u002Fexamples\u002Fapps\u002Fscribe-mail",{"label":23,"to":4},"Scribe UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Scribe UI component design examples. Preview individual interface elements and explore related component categories. Email signatures marketing on auto-pilot",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Scribe","scribe-mail","Email signatures marketing on auto-pilot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fscribe-35ea7c94.png","https:\u002F\u002Fwww.scribe-mail.com","ScribeMail",[37,41],{"id":38,"title":39,"slug":40},92,"Email","email",{"id":42,"title":43,"slug":44},25,"Marketing","marketing",[46,61,76,90,105,120,134,149,164,179,194,209],{"uuid":47,"title":48,"description":49,"canonical_path":4,"image":11,"width":50,"height":51,"image_alt":52,"kind":53,"categories":54,"app":59},"d62d8020-6721-4a13-b5a5-e09210bcabc4","Landing Page Hero Section","A split-layout hero section featuring a large headline, descriptive subtext, a prominent call-to-action button, and a row of integration logos on the left. The right side displays a stylized preview of an email signature within a rounded container.",3024,1615,"Landing Page Hero Section from Scribe","component",[55],{"id":56,"title":57,"slug":58},197,"Hero section","hero-section",{"slug":31,"title":30,"logo":33,"categories":60},[],{"uuid":62,"title":63,"description":64,"canonical_path":4,"image":65,"width":66,"height":67,"image_alt":68,"kind":53,"categories":69,"app":74},"614bdb73-ebbd-4baf-ba41-36e6a64a38d3","Teammates Table","A data table displaying a list of teammates with their email, department, information completion progress, and installation status. Each row includes a checkbox for selection, an avatar, and action icons for downloading, editing, and viewing.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fda666cf2-a6f5-423f-a0a2-29438d5f9be6.png",2624,756,"Teammates Table from Scribe",[70],{"id":71,"title":72,"slug":73},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":75},[],{"uuid":77,"title":78,"description":79,"canonical_path":4,"image":80,"width":66,"height":81,"image_alt":82,"kind":53,"categories":83,"app":88},"61993a03-5c4e-4d46-bb1f-8e8e6a8f0ffd","KPI Row","A row of three KPI tiles displaying team statistics. Each tile shows a label and a large numeric value with a smaller denominator or percentage symbol.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F784ada71-be96-425c-a681-ef81025531ff.png",436,"KPI Row from Scribe",[84],{"id":85,"title":86,"slug":87},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":95,"height":96,"image_alt":97,"kind":53,"categories":98,"app":103},"e694f36f-2eb7-43d6-96a7-c5e47ebbf224","Success Toast","A pill-shaped success toast notification confirming a teammate was created.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7b997251-42c4-4431-bc9c-45a0593a4c9e.png",650,208,"Success Toast from Scribe",[99],{"id":100,"title":101,"slug":102},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":4,"image":109,"width":110,"height":111,"image_alt":112,"kind":53,"categories":113,"app":118},"9c664e29-14f2-44e2-b7a6-c9d4d5da2f94","Signature Template Card","A card displaying a preview of an email signature template. It includes a logo, contact details, a more options menu, the template name, and a usage count.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F03c5fbe8-edb2-418d-bba8-00d023332096.png",696,538,"Signature Template Card from Scribe",[114],{"id":115,"title":116,"slug":117},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":4,"image":124,"width":66,"height":125,"image_alt":126,"kind":53,"categories":127,"app":132},"e62c49a2-6d85-4adb-8167-add04eef2cab","Overview Bento Grid","A bento grid layout displaying summary cards for Signatures, Teammates, Departments, Marketing campaigns, and Analytics. Each card features an icon, title, subtitle, and a visual preview of the content.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1551cc2d-998c-407b-b924-00ed2fddd6a9.png",1863,"Overview Bento Grid from Scribe",[128],{"id":129,"title":130,"slug":131},298,"Bento box","bento-grid",{"slug":31,"title":30,"logo":33,"categories":133},[],{"uuid":135,"title":136,"description":137,"canonical_path":4,"image":138,"width":139,"height":140,"image_alt":141,"kind":53,"categories":142,"app":147},"baa728d9-1d27-423e-9cfa-8ad2fe4f37e9","Horizontal Stepper Header","A header section featuring a title, a time estimate badge, and a three-step horizontal progress indicator. The first step is currently active.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F43009215-9225-4b7f-a92a-0b4812807472.png",2512,423,"Horizontal Stepper Header from Scribe",[143],{"id":144,"title":145,"slug":146},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":148},[],{"uuid":150,"title":151,"description":152,"canonical_path":4,"image":153,"width":154,"height":155,"image_alt":156,"kind":53,"categories":157,"app":162},"967c05a9-8931-4d99-ae4a-c56da27f0216","Onboarding stepper card","A card containing a two-step onboarding checklist. It features a header with a progress indicator and two distinct steps, each with a numbered badge, title, and an action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F594327bb-f996-42d6-95f6-8fa8ef9b8c98.png",1424,724,"Onboarding stepper card from Scribe",[158],{"id":159,"title":160,"slug":161},227,"Stepper","stepper",{"slug":31,"title":30,"logo":33,"categories":163},[],{"uuid":165,"title":166,"description":167,"canonical_path":4,"image":168,"width":169,"height":170,"image_alt":171,"kind":53,"categories":172,"app":177},"5e0aae72-d61f-4284-afae-7cf706c3e5e5","Sidebar Navigation","A vertical sidebar navigation menu featuring a workspace switcher, onboarding progress, main navigation links, a trial status card with upgrade options, and a support link.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa5962f18-1158-4c37-93d5-c371c9de4b02.png",464,1687,"Sidebar Navigation from Scribe",[173],{"id":174,"title":175,"slug":176},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":178},[],{"uuid":180,"title":181,"description":182,"canonical_path":4,"image":183,"width":184,"height":185,"image_alt":186,"kind":53,"categories":187,"app":192},"73dc63e8-400a-41f8-abec-aeceea8d292e","Social Sign-up Buttons","A sign-up section featuring a heading and two social login buttons for Google and Microsoft 365.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F917c7833-9b0a-4024-8728-2ddd3f2fd34a.png",740,524,"Social Sign-up Buttons from Scribe",[188],{"id":189,"title":190,"slug":191},289,"Social login button","social-login-button",{"slug":31,"title":30,"logo":33,"categories":193},[],{"uuid":195,"title":196,"description":197,"canonical_path":4,"image":198,"width":199,"height":200,"image_alt":201,"kind":53,"categories":202,"app":207},"e657117c-e0de-4349-9829-772ae291ad95","Pricing selection cards","A set of three selectable cards presenting different onboarding paths: starting a free trial, subscribing to a plan, or contacting sales. The first card is currently selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F070c8ace-8ffb-47e0-8aae-99d921a09a6b.png",2546,1199,"Pricing selection cards from Scribe",[203],{"id":204,"title":205,"slug":206},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":208},[],{"uuid":210,"title":211,"description":212,"canonical_path":4,"image":213,"width":214,"height":215,"image_alt":216,"kind":53,"categories":217,"app":219},"52a59bb0-8e36-4b72-a659-747a64a87577","Rate limit error toast","A pill-shaped error toast indicating a rate limit has been reached, with a close icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faee60861-50b4-4474-a800-d978f9590306.png",1300,336,"Rate limit error toast from Scribe",[218],{"id":100,"title":101,"slug":102},{"slug":31,"title":30,"logo":33,"categories":220},[],[],[223,226,229,232,235,238,240,244,248,252],{"label":224,"to":225},"Scribe product screens","\u002Fexamples\u002Fapps\u002Fscribe-mail\u002Fscreens",{"label":227,"to":228},"Scribe marketing pages","\u002Fexamples\u002Fapps\u002Fscribe-mail\u002Fmarketing",{"label":230,"to":231},"Scribe user flows","\u002Fexamples\u002Fapps\u002Fscribe-mail\u002Fflows",{"label":233,"to":234},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":236,"to":237},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":239,"to":18},"All SaaS app examples",{"label":241,"to":242,"description":243},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":245,"to":246,"description":247},"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":249,"to":250,"description":251},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":253,"to":254,"description":255},"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":257,"updated_at":258},"2024-04-08T12:28:33.000Z","2026-09-26T00:10:32.000Z"]