[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftwingate":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":52,"showcases":53,"links":292,"dates":304},"\u002Fexamples\u002Fapps\u002Ftwingate","detail","apps",true,{"title":9,"description":10,"og_image":11},"Twingate design examples - Nicelydone","Explore Twingate UI design examples. Secure access for fast-growing teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e13e235-56dd-48bc-98e5-fa3bb244c969.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Twingate design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Twingate",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ftwingate\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Ftwingate\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Ftwingate\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Ftwingate\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Twingate","twingate","Secure access for fast-growing teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftwingate-2307b896.png","https:\u002F\u002Fwww.twingate.com","TwingateHQ",[48],{"id":49,"title":50,"slug":51},78,"Security","security",[],[54,283,286,289],{"family":55,"examples":56},"screens",[57,81,92,119,145,155,171,185,199,212,226,262],{"uuid":58,"title":41,"description":59,"canonical_path":29,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":64,"component_categories":74,"app":79},"7e13e235-56dd-48bc-98e5-fa3bb244c969","Sign-in screen where the user authenticates by entering their team's network URL or looking it up via their work email.",3024,1738,"Twingate from Twingate","screen",[65],{"id":66,"label":67,"slug":68,"rank":69,"group":70},4,"Sign In","sign-in",0,{"id":71,"label":72,"slug":73},1,"Access & Account","access-and-account",[75],{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":80},[],{"uuid":82,"title":41,"description":83,"canonical_path":29,"image":84,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":85,"component_categories":88,"app":90},"f37f03d5-2884-44e6-b2e0-05647c7c3ce5","Sign-in screen where the user enters their team's Network URL or looks it up via work email to access Twingate.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff37f03d5-2884-44e6-b2e0-05647c7c3ce5.png",[86],{"id":66,"label":67,"slug":68,"rank":69,"group":87},{"id":71,"label":72,"slug":73},[89],{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":91},[],{"uuid":93,"title":41,"description":94,"canonical_path":29,"image":95,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":96,"component_categories":107,"app":117},"bc68c709-7ab0-4771-91ab-9ddbe4d14cac","Sign-in screen where the user authenticates into their workspace using Microsoft, GitHub, or LinkedIn, currently displaying a loading state for an authentication attempt.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc68c709-7ab0-4771-91ab-9ddbe4d14cac.png",[97,99],{"id":66,"label":67,"slug":68,"rank":69,"group":98},{"id":71,"label":72,"slug":73},{"id":100,"label":101,"slug":102,"rank":71,"group":103},120,"Loading","loading",{"id":104,"label":105,"slug":106},12,"States & Feedback","states-and-feedback",[108,112,116],{"id":109,"title":110,"slug":111},240,"Horizontal navigation","horizontal-navigation",{"id":113,"title":114,"slug":115},169,"Avatar","avatar",{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":118},[],{"uuid":120,"title":41,"description":121,"canonical_path":29,"image":122,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":123,"component_categories":137,"app":143},"4dcd6363-6f31-4f18-9ab8-1836d59a0d3b","Signup page where the user can start a free trial by authenticating with Google, Microsoft, GitHub, or LinkedIn, alongside a product preview and customer logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4dcd6363-6f31-4f18-9ab8-1836d59a0d3b.png",[124,129],{"id":125,"label":126,"slug":127,"rank":69,"group":128},5,"Sign Up","sign-up",{"id":71,"label":72,"slug":73},{"id":130,"label":131,"slug":132,"rank":71,"group":133},91,"Trial","trial",{"id":134,"label":135,"slug":136},9,"Plans & Limits","plans-and-limits",[138,142],{"id":139,"title":140,"slug":141},277,"Button group","button-group",{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":144},[],{"uuid":146,"title":147,"description":148,"canonical_path":29,"image":149,"width":60,"height":61,"image_alt":150,"kind":63,"patterns":151,"component_categories":152,"app":153},"c1d85e59-a1a9-4e99-91bb-b11caad37e80","Connexion | comptes Google","Account creation Onboarding Form Account management Account setup","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc1d85e59-a1a9-4e99-91bb-b11caad37e80.png","Connexion | comptes Google from Twingate",[],[],{"slug":42,"title":41,"logo":44,"categories":154},[],{"uuid":156,"title":41,"description":157,"canonical_path":29,"image":158,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":159,"component_categories":166,"app":169},"e0e7e098-385a-4cbe-9b52-0f5c25d177c6","Signup screen where the user provides their work email, company name, and company size to finish creating their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe0e7e098-385a-4cbe-9b52-0f5c25d177c6.png",[160,164],{"id":71,"label":161,"slug":162,"rank":69,"group":163},"Account Setup","account-setup",{"id":71,"label":72,"slug":73},{"id":125,"label":126,"slug":127,"rank":71,"group":165},{"id":71,"label":72,"slug":73},[167,168],{"id":113,"title":114,"slug":115},{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":170},[],{"uuid":172,"title":41,"description":173,"canonical_path":29,"image":174,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":175,"component_categories":180,"app":183},"1648398f-185b-432d-9bb3-b8465c7d3969","Signup step where the user completes their profile by providing their company name and selecting the number of employees.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1648398f-185b-432d-9bb3-b8465c7d3969.png",[176,178],{"id":71,"label":161,"slug":162,"rank":69,"group":177},{"id":71,"label":72,"slug":73},{"id":125,"label":126,"slug":127,"rank":71,"group":179},{"id":71,"label":72,"slug":73},[181,182],{"id":113,"title":114,"slug":115},{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":184},[],{"uuid":186,"title":41,"description":187,"canonical_path":29,"image":188,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":189,"component_categories":194,"app":197},"5eb84739-4479-46dd-9640-c98f3ccef1d9","Signup step where the user confirms their work email and provides their company name and employee count to finish account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5eb84739-4479-46dd-9640-c98f3ccef1d9.png",[190,192],{"id":71,"label":161,"slug":162,"rank":69,"group":191},{"id":71,"label":72,"slug":73},{"id":125,"label":126,"slug":127,"rank":71,"group":193},{"id":71,"label":72,"slug":73},[195,196],{"id":113,"title":114,"slug":115},{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":198},[],{"uuid":200,"title":41,"description":201,"canonical_path":29,"image":202,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":203,"component_categories":208,"app":210},"1856da67-ffea-46db-9e31-1c78d5c57b9f","Signup step where the user provides their company name and selects their company size to finish setting up their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1856da67-ffea-46db-9e31-1c78d5c57b9f.png",[204,206],{"id":71,"label":161,"slug":162,"rank":69,"group":205},{"id":71,"label":72,"slug":73},{"id":125,"label":126,"slug":127,"rank":71,"group":207},{"id":71,"label":72,"slug":73},[209],{"id":113,"title":114,"slug":115},{"slug":42,"title":41,"logo":44,"categories":211},[],{"uuid":213,"title":41,"description":214,"canonical_path":29,"image":215,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":216,"component_categories":221,"app":224},"3c7c591f-d4ef-4988-9147-a327f3a77220","Signup screen where the user completes their profile by confirming their pre-filled work email and providing their company name and size before finishing account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3c7c591f-d4ef-4988-9147-a327f3a77220.png",[217,219],{"id":71,"label":161,"slug":162,"rank":69,"group":218},{"id":71,"label":72,"slug":73},{"id":125,"label":126,"slug":127,"rank":71,"group":220},{"id":71,"label":72,"slug":73},[222,223],{"id":113,"title":114,"slug":115},{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":225},[],{"uuid":227,"title":41,"description":228,"canonical_path":29,"image":229,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":230,"component_categories":249,"app":260},"ea456d38-3e3a-4e32-9113-a3ef9712d8b8","Onboarding step where the user indicates their primary goals, such as securely accessing private networks or adhering to compliance requirements, to tailor their setup.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fea456d38-3e3a-4e32-9113-a3ef9712d8b8.png",[231,233,241],{"id":71,"label":161,"slug":162,"rank":69,"group":232},{"id":71,"label":72,"slug":73},{"id":234,"label":235,"slug":236,"rank":71,"group":237},74,"Onboarding Checklist","onboarding-checklist",{"id":238,"label":239,"slug":240},7,"Onboarding & Education","onboarding-and-education",{"id":242,"label":243,"slug":244,"rank":245,"group":246},23,"Select","select",2,{"id":245,"label":247,"slug":248},"Actions","actions",[250,254,258,259],{"id":251,"title":252,"slug":253},227,"Stepper","stepper",{"id":255,"title":256,"slug":257},174,"Card","card",{"id":113,"title":114,"slug":115},{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":261},[],{"uuid":263,"title":41,"description":264,"canonical_path":29,"image":265,"width":60,"height":61,"image_alt":62,"kind":63,"patterns":266,"component_categories":276,"app":281},"2bf591c8-51a3-4a6a-bfa6-ae49717b0e9d","Onboarding step where the user selects their planned use cases for the product from a list of card-styled checkbox options.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2bf591c8-51a3-4a6a-bfa6-ae49717b0e9d.png",[267,272],{"id":268,"label":269,"slug":270,"rank":69,"group":271},75,"Setup Wizard","setup-wizard",{"id":238,"label":239,"slug":240},{"id":238,"label":273,"slug":274,"rank":71,"group":275},"Add & Create","add-and-create",{"id":245,"label":247,"slug":248},[277,278,279,280],{"id":251,"title":252,"slug":253},{"id":255,"title":256,"slug":257},{"id":113,"title":114,"slug":115},{"id":76,"title":77,"slug":78},{"slug":42,"title":41,"logo":44,"categories":282},[],{"family":284,"examples":285},"flows",[],{"family":287,"examples":288},"components",[],{"family":290,"examples":291},"pages",[],[293,295,297,299,301],{"label":294,"to":29},"Twingate product screens",{"label":296,"to":38},"Twingate marketing pages",{"label":298,"to":32},"Twingate user flows",{"label":300,"to":35},"Twingate UI components",{"label":302,"to":303},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"published_at":305,"updated_at":306},"2022-09-13T15:15:54.000Z","2026-09-26T12:10:15.000Z"]