[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftwenty\u002Fmarketing":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":298,"links":299,"dates":341},"\u002Fexamples\u002Fapps\u002Ftwenty\u002Fmarketing","detail","pages",true,{"title":9,"description":10,"og_image":11},"Twenty marketing pages examples - Nicelydone","Explore Twenty website design examples. Preview marketing pages and browse related SaaS page designs. The #1 Open-Source CRM","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F262edab3-704c-4d2d-bcfe-29bd238e7700.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},"Twenty design examples","\u002Fexamples\u002Fapps\u002Ftwenty",{"label":23,"to":4},"Twenty marketing pages examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Twenty","twenty","The #1 Open-Source CRM","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F958b58b6-f349-407c-8a71-bb683f68bcd2.png","https:\u002F\u002Ftwenty.com","twentycrm",[36,40],{"id":37,"title":38,"slug":39},53,"CRM","crm",{"id":41,"title":42,"slug":43},45,"Open Source","open-source",[45,86,108,134,153,178,196,212,232,249,265,282],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":63,"app":84},"262edab3-704c-4d2d-bcfe-29bd238e7700","Twenty - The #1 Open-Source CRM","Landing page for an open-source CRM featuring a bento grid of product capabilities like tasks and kanban views, alternating feature highlights, and a community testimonial wall.",3024,19762,"Twenty - The #1 Open-Source CRM from Twenty","screen",[54],{"id":55,"label":56,"slug":57,"rank":58,"group":59},136,"Landing Page","landing-page",0,{"id":60,"label":61,"slug":62},15,"Marketing Page Types","marketing-page-types",[64,68,72,76,80],{"id":65,"title":66,"slug":67},277,"Button group","button-group",{"id":69,"title":70,"slug":71},298,"Bento box","bento-grid",{"id":73,"title":74,"slug":75},232,"Testimonial","testimonial",{"id":77,"title":78,"slug":79},258,"Header","header",{"id":81,"title":82,"slug":83},202,"Footer","footer",{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":4,"image":90,"width":49,"height":91,"image_alt":92,"kind":52,"patterns":93,"component_categories":99,"app":106},"5c9e3b64-fb88-4369-916e-f484bb2bf918","Twenty - Story","Company story page where the founders explain the history of CRM software and their vision for an open-source, data-centric alternative.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5c9e3b64-fb88-4369-916e-f484bb2bf918.png",6074,"Twenty - Story from Twenty",[94],{"id":95,"label":96,"slug":97,"rank":58,"group":98},166,"About Page","about-page",{"id":60,"label":61,"slug":62},[100,101,102],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":103,"title":104,"slug":105},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":4,"image":112,"width":49,"height":113,"image_alt":114,"kind":52,"patterns":115,"component_categories":121,"app":132},"bc4088fd-10bd-47a3-9d75-7c6030c7e01c","Twenty - Pricing","Pricing page where the user chooses between a Pro and Organization plan with a monthly or yearly billing toggle.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbc4088fd-10bd-47a3-9d75-7c6030c7e01c.png",3508,"Twenty - Pricing from Twenty",[116],{"id":117,"label":118,"slug":119,"rank":58,"group":120},143,"Pricing Page","pricing-page",{"id":60,"label":61,"slug":62},[122,126,127,128],{"id":123,"title":124,"slug":125},260,"Badge","badge",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":129,"title":130,"slug":131},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":136,"description":137,"canonical_path":4,"image":138,"width":49,"height":139,"image_alt":140,"kind":52,"patterns":141,"component_categories":147,"app":151},"665b914c-5bf5-4645-8b2d-836ad87d4851","Twenty - Docs","Developer documentation landing page where the user can navigate to guides for local setup, self-hosting, and contributing to the frontend or backend.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F665b914c-5bf5-4645-8b2d-836ad87d4851.png",3422,"Twenty - Docs from Twenty",[142],{"id":143,"label":144,"slug":145,"rank":58,"group":146},177,"Developer Portal","developer-portal",{"id":60,"label":61,"slug":62},[148,149,150],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":129,"title":130,"slug":131},{"slug":30,"title":29,"logo":32,"categories":152},[],{"uuid":154,"title":155,"description":156,"canonical_path":4,"image":157,"width":49,"height":158,"image_alt":159,"kind":52,"patterns":160,"component_categories":163,"app":176},"234f835b-13ae-4f4a-9c99-6cf1828eb0e0","Twenty - Local Setup","Developer documentation page providing a step-by-step guide to setting up the project locally, including cloning, database setup, environment variables, and running the project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F234f835b-13ae-4f4a-9c99-6cf1828eb0e0.png",10466,"Twenty - Local Setup from Twenty",[161],{"id":143,"label":144,"slug":145,"rank":58,"group":162},{"id":60,"label":61,"slug":62},[164,168,172,173,174,175],{"id":165,"title":166,"slug":167},233,"Tabs","tabs",{"id":169,"title":170,"slug":171},167,"Alert","alert",{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":129,"title":130,"slug":131},{"id":103,"title":104,"slug":105},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":180,"description":181,"canonical_path":4,"image":182,"width":49,"height":183,"image_alt":184,"kind":52,"patterns":185,"component_categories":188,"app":194},"fbcc7436-517e-4a61-9624-63800c951336","Twenty - Bug And Requests","Developer documentation page explaining how to report bugs and submit feature requests, featuring a table of contents and a call to action for GitHub contributions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffbcc7436-517e-4a61-9624-63800c951336.png",3676,"Twenty - Bug And Requests from Twenty",[186],{"id":143,"label":144,"slug":145,"rank":58,"group":187},{"id":60,"label":61,"slug":62},[189,192,193],{"id":143,"title":190,"slug":191},"Breadcrumb","breadcrumb",{"id":129,"title":130,"slug":131},{"id":103,"title":104,"slug":105},{"slug":30,"title":29,"logo":32,"categories":195},[],{"uuid":197,"title":198,"description":199,"canonical_path":4,"image":200,"width":49,"height":201,"image_alt":202,"kind":52,"patterns":203,"component_categories":206,"app":210},"59c6ab17-9069-4bb1-bb14-c38ee53dd1a6","Twenty - Backend Development","Developers section where the user navigates backend development topics like commands, feature flags, folder architecture, and custom objects via a card grid.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F59c6ab17-9069-4bb1-bb14-c38ee53dd1a6.png",3492,"Twenty - Backend Development from Twenty",[204],{"id":143,"label":144,"slug":145,"rank":58,"group":205},{"id":60,"label":61,"slug":62},[207,208,209],{"id":143,"title":190,"slug":191},{"id":129,"title":130,"slug":131},{"id":103,"title":104,"slug":105},{"slug":30,"title":29,"logo":32,"categories":211},[],{"uuid":213,"title":214,"description":215,"canonical_path":4,"image":216,"width":49,"height":217,"image_alt":218,"kind":52,"patterns":219,"component_categories":222,"app":230},"b1170980-5aa7-4529-befa-3eb02ca448dd","Twenty - Custom Objects","Developer documentation article explaining custom objects and high-level schema for an open-source CRM, featuring architecture diagrams and an edit-content prompt.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb1170980-5aa7-4529-befa-3eb02ca448dd.png",8096,"Twenty - Custom Objects from Twenty",[220],{"id":143,"label":144,"slug":145,"rank":58,"group":221},{"id":60,"label":61,"slug":62},[223,227,228,229],{"id":224,"title":225,"slug":226},168,"Accordion","accordion",{"id":143,"title":190,"slug":191},{"id":129,"title":130,"slug":131},{"id":103,"title":104,"slug":105},{"slug":30,"title":29,"logo":32,"categories":231},[],{"uuid":233,"title":234,"description":235,"canonical_path":4,"image":236,"width":49,"height":237,"image_alt":238,"kind":52,"patterns":239,"component_categories":242,"app":247},"bda1f708-3421-4258-81ce-5ac46a2e5b33","Twenty - Frontend Development","Developer documentation section for frontend development featuring a grid of illustrated topic cards.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbda1f708-3421-4258-81ce-5ac46a2e5b33.png",3040,"Twenty - Frontend Development from Twenty",[240],{"id":143,"label":144,"slug":145,"rank":58,"group":241},{"id":60,"label":61,"slug":62},[243,244,245,246],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":129,"title":130,"slug":131},{"id":103,"title":104,"slug":105},{"slug":30,"title":29,"logo":32,"categories":248},[],{"uuid":250,"title":251,"description":252,"canonical_path":4,"image":253,"width":49,"height":254,"image_alt":255,"kind":52,"patterns":256,"component_categories":259,"app":263},"0b1aa6fe-2047-4d0f-93d6-896c8ded1c6c","Twenty - Self Hosting","Developers section where the user browses self-hosting guides including 1-click Docker Compose, upgrade instructions, and troubleshooting.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0b1aa6fe-2047-4d0f-93d6-896c8ded1c6c.png",2914,"Twenty - Self Hosting from Twenty",[257],{"id":143,"label":144,"slug":145,"rank":58,"group":258},{"id":60,"label":61,"slug":62},[260,261,262],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":129,"title":130,"slug":131},{"slug":30,"title":29,"logo":32,"categories":264},[],{"uuid":266,"title":267,"description":268,"canonical_path":4,"image":269,"width":49,"height":270,"image_alt":271,"kind":52,"patterns":272,"component_categories":275,"app":280},"ed280ad1-fa74-48ef-a0aa-97d1b6940953","Twenty - Setup","Developer documentation page detailing configuration management, environment variables, and integration setup for self-hosting Twenty.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fed280ad1-fa74-48ef-a0aa-97d1b6940953.png",17792,"Twenty - Setup from Twenty",[273],{"id":143,"label":144,"slug":145,"rank":58,"group":274},{"id":60,"label":61,"slug":62},[276,277,278,279],{"id":165,"title":166,"slug":167},{"id":169,"title":170,"slug":171},{"id":143,"title":190,"slug":191},{"id":103,"title":104,"slug":105},{"slug":30,"title":29,"logo":32,"categories":281},[],{"uuid":283,"title":284,"description":285,"canonical_path":4,"image":286,"width":49,"height":287,"image_alt":288,"kind":52,"patterns":289,"component_categories":292,"app":296},"a027cdfb-af6f-4c5e-a3cc-51fc86a8c5d1","Twenty - Troubleshooting","Documentation page for developers troubleshooting self-hosting issues, featuring a table of contents, search, and solutions for common database and configuration errors.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa027cdfb-af6f-4c5e-a3cc-51fc86a8c5d1.png",16036,"Twenty - Troubleshooting from Twenty",[290],{"id":143,"label":144,"slug":145,"rank":58,"group":291},{"id":60,"label":61,"slug":62},[293,294,295],{"id":169,"title":170,"slug":171},{"id":143,"title":190,"slug":191},{"id":103,"title":104,"slug":105},{"slug":30,"title":29,"logo":32,"categories":297},[],[],[300,302,304,306,308,311,314,317,320,323,325,329,333,337],{"label":144,"to":301},"\u002Fexamples\u002Fpages\u002Fdeveloper-portal",{"label":96,"to":303},"\u002Fexamples\u002Fpages\u002Fabout-page",{"label":56,"to":305},"\u002Fexamples\u002Fpages\u002Flanding-page",{"label":118,"to":307},"\u002Fexamples\u002Fpages\u002Fpricing-page",{"label":309,"to":310},"Twenty product screens","\u002Fexamples\u002Fapps\u002Ftwenty\u002Fscreens",{"label":312,"to":313},"Twenty user flows","\u002Fexamples\u002Fapps\u002Ftwenty\u002Fflows",{"label":315,"to":316},"Twenty UI components","\u002Fexamples\u002Fapps\u002Ftwenty\u002Fcomponents",{"label":318,"to":319},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":321,"to":322},"Open Source app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fopen-source",{"label":324,"to":18},"All SaaS app examples",{"label":326,"to":327,"description":328},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":330,"to":331,"description":332},"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":334,"to":335,"description":336},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":338,"to":339,"description":340},"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":342,"updated_at":343},"2025-07-07T07:38:29.000Z","2026-09-13T13:02:39.000Z"]