[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fliteral\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":315,"links":316,"dates":350},"\u002Fexamples\u002Fapps\u002Fliteral\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Literal product screens examples - Nicelydone","Browse Literal screen design examples. Preview the interface screenshots and explore related UI patterns. Discover, organise & discuss books","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faddbb932-e6dc-49bd-8632-838d07a15c1e.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},"Literal design examples","\u002Fexamples\u002Fapps\u002Fliteral",{"label":23,"to":4},"Literal product screens 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},"Literal","literal","Discover, organise & discuss books","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fliteral-eae13629.png","https:\u002F\u002Fliteral.club","literalclub",[36,40,44],{"id":37,"title":38,"slug":39},1,"Communities","communities",{"id":41,"title":42,"slug":43},65,"Social Bookmarking","social-bookmarking",{"id":45,"title":46,"slug":47},66,"Reading apps","reading-apps",[49,77,89,101,113,125,137,180,195,220,240,281],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":66,"app":75},"addbb932-e6dc-49bd-8632-838d07a15c1e","Sign up | Literal","Sign-up screen where the user creates an account using an email and password or authenticates with Apple.",3024,1674,"Sign up | Literal from Literal","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},5,"Sign Up","sign-up",0,{"id":37,"label":64,"slug":65},"Access & Account","access-and-account",[67,71],{"id":68,"title":69,"slug":70},175,"Button","button",{"id":72,"title":73,"slug":74},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":51,"description":79,"canonical_path":4,"image":80,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":81,"component_categories":84,"app":87},"58b8304f-70fd-44bb-a535-941fb55bfa48","Signup page where the user can create an account using their email and password or via Apple SSO.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F58b8304f-70fd-44bb-a535-941fb55bfa48.png",[82],{"id":59,"label":60,"slug":61,"rank":62,"group":83},{"id":37,"label":64,"slug":65},[85,86],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":51,"description":91,"canonical_path":4,"image":92,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":93,"component_categories":96,"app":99},"0874d143-fb1f-481f-83e7-119d88156366","Signup page where the user begins creating a new account by providing a username and full name.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0874d143-fb1f-481f-83e7-119d88156366.png",[94],{"id":59,"label":60,"slug":61,"rank":62,"group":95},{"id":37,"label":64,"slug":65},[97,98],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":100},[],{"uuid":102,"title":51,"description":103,"canonical_path":4,"image":104,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":105,"component_categories":108,"app":111},"b226aa81-b5e7-450f-9681-28a22362182f","Signup page where the user enters their username and full name, accepts terms, and opts into the newsletter to create a new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb226aa81-b5e7-450f-9681-28a22362182f.png",[106],{"id":59,"label":60,"slug":61,"rank":62,"group":107},{"id":37,"label":64,"slug":65},[109,110],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":51,"description":115,"canonical_path":4,"image":116,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":117,"component_categories":120,"app":123},"6e525cc2-33bd-4949-a611-fd2c5b68c202","Signup page where the user enters their username and full name to create an account, with options to accept terms and subscribe to a newsletter.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6e525cc2-33bd-4949-a611-fd2c5b68c202.png",[118],{"id":59,"label":60,"slug":61,"rank":62,"group":119},{"id":37,"label":64,"slug":65},[121,122],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":51,"description":127,"canonical_path":4,"image":128,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":129,"component_categories":132,"app":135},"c6f68008-4479-41b1-88d0-1505aa0d7a67","Signup page where the user enters their username and full name, accepts terms, and opts into a newsletter to create an account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc6f68008-4479-41b1-88d0-1505aa0d7a67.png",[130],{"id":59,"label":60,"slug":61,"rank":62,"group":131},{"id":37,"label":64,"slug":65},[133,134],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":139,"description":140,"canonical_path":4,"image":141,"width":53,"height":54,"image_alt":142,"kind":56,"patterns":143,"component_categories":163,"app":178},"5b8e6649-6774-424a-9123-357208c8c65e","Literal.club | Track your reading and discover new books","Onboarding step where the user customizes their profile by uploading an avatar, selecting languages, and writing a bio.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5b8e6649-6774-424a-9123-357208c8c65e.png","Literal.club | Track your reading and discover new books from Literal",[144,148,156],{"id":37,"label":145,"slug":146,"rank":62,"group":147},"Account Setup","account-setup",{"id":37,"label":64,"slug":65},{"id":149,"label":150,"slug":151,"rank":37,"group":152},3,"Profile","profile",{"id":153,"label":154,"slug":155},11,"Social & Collaboration","social-and-collaboration",{"id":153,"label":157,"slug":158,"rank":159,"group":160},"Edit","edit",2,{"id":159,"label":161,"slug":162},"Actions","actions",[164,168,172,176,177],{"id":165,"title":166,"slug":167},227,"Stepper","stepper",{"id":169,"title":170,"slug":171},284,"Modal","modal",{"id":173,"title":174,"slug":175},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":139,"description":182,"canonical_path":4,"image":183,"width":53,"height":54,"image_alt":142,"kind":56,"patterns":184,"component_categories":189,"app":193},"fd0d6822-4c55-44c4-82dd-0ac71ba14c70","Onboarding step where the user customizes their profile by uploading an avatar and selecting the languages they read via a multi-select combobox.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffd0d6822-4c55-44c4-82dd-0ac71ba14c70.png",[185,187],{"id":37,"label":145,"slug":146,"rank":62,"group":186},{"id":37,"label":64,"slug":65},{"id":149,"label":150,"slug":151,"rank":37,"group":188},{"id":153,"label":154,"slug":155},[190,191,192],{"id":169,"title":170,"slug":171},{"id":173,"title":174,"slug":175},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":194},[],{"uuid":196,"title":139,"description":197,"canonical_path":4,"image":198,"width":53,"height":54,"image_alt":142,"kind":56,"patterns":199,"component_categories":213,"app":218},"e9c53a5b-958c-4467-92b5-a1334446208e","Onboarding step where the user chooses whether to import an existing library from Goodreads or start a new one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe9c53a5b-958c-4467-92b5-a1334446208e.png",[200,208],{"id":201,"label":202,"slug":203,"rank":62,"group":204},74,"Onboarding Checklist","onboarding-checklist",{"id":205,"label":206,"slug":207},7,"Onboarding & Education","onboarding-and-education",{"id":209,"label":210,"slug":211,"rank":37,"group":212},15,"Import & Export","import-and-export",{"id":159,"label":161,"slug":162},[214,215,216,217],{"id":169,"title":170,"slug":171},{"id":173,"title":174,"slug":175},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":219},[],{"uuid":221,"title":139,"description":222,"canonical_path":4,"image":223,"width":53,"height":54,"image_alt":142,"kind":56,"patterns":224,"component_categories":232,"app":238},"4d876f47-6964-4983-9cca-735d49f885cd","Final step of an onboarding flow welcoming the user to the app and providing links to download the mobile applications.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4d876f47-6964-4983-9cca-735d49f885cd.png",[225,230],{"id":226,"label":227,"slug":228,"rank":62,"group":229},77,"Welcome","welcome",{"id":205,"label":206,"slug":207},{"id":201,"label":202,"slug":203,"rank":37,"group":231},{"id":205,"label":206,"slug":207},[233,234,235,236,237],{"id":165,"title":166,"slug":167},{"id":169,"title":170,"slug":171},{"id":173,"title":174,"slug":175},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":239},[],{"uuid":241,"title":139,"description":242,"canonical_path":4,"image":243,"width":53,"height":54,"image_alt":142,"kind":56,"patterns":244,"component_categories":271,"app":279},"71263483-b284-494d-bba0-6457b0adff53","App home screen in an empty state, prompting the user to add a book they are currently reading, set a reading goal, and find friends to follow to populate their activity feed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71263483-b284-494d-bba0-6457b0adff53.png",[245,253,261,266],{"id":246,"label":247,"slug":248,"rank":62,"group":249},115,"Empty State","empty-state",{"id":250,"label":251,"slug":252},12,"States & Feedback","states-and-feedback",{"id":254,"label":255,"slug":256,"rank":37,"group":257},81,"Home","home",{"id":258,"label":259,"slug":260},8,"Pages & Content","pages-and-content",{"id":262,"label":263,"slug":264,"rank":159,"group":265},14,"Follow","follow",{"id":159,"label":161,"slug":162},{"id":267,"label":268,"slug":269,"rank":149,"group":270},113,"Social Feed","social-feed",{"id":153,"label":154,"slug":155},[272,276,277,278],{"id":273,"title":274,"slug":275},174,"Card","card",{"id":173,"title":174,"slug":175},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":280},[],{"uuid":282,"title":139,"description":283,"canonical_path":4,"image":284,"width":53,"height":54,"image_alt":142,"kind":56,"patterns":285,"component_categories":308,"app":313},"bf5437dd-6094-4f0a-8ee4-b389a0861bd1","Home dashboard in an empty state prompting the user to add a book, set a reading goal, and find people to follow to populate their feed.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf5437dd-6094-4f0a-8ee4-b389a0861bd1.png",[286,288,290,295,300],{"id":246,"label":247,"slug":248,"rank":62,"group":287},{"id":250,"label":251,"slug":252},{"id":254,"label":255,"slug":256,"rank":37,"group":289},{"id":258,"label":259,"slug":260},{"id":291,"label":292,"slug":293,"rank":159,"group":294},22,"Search","search",{"id":159,"label":161,"slug":162},{"id":296,"label":297,"slug":298,"rank":149,"group":299},133,"Invite Teammates","invite-teammates",{"id":159,"label":161,"slug":162},{"id":301,"label":302,"slug":303,"rank":304,"group":305},41,"Dashboard","dashboard",4,{"id":304,"label":306,"slug":307},"Data & Analysis","data-and-analysis",[309,310,311,312],{"id":273,"title":274,"slug":275},{"id":173,"title":174,"slug":175},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":314},[],[],[317,319,321,323,325,327,329,331,333,335,337,339,341,344,347],{"label":60,"to":318},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":145,"to":320},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":247,"to":322},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":255,"to":324},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":202,"to":326,"count":159},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":150,"to":328,"count":159},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":302,"to":330,"count":37},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":157,"to":332,"count":37},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":263,"to":334,"count":37},"\u002Fexamples\u002Fscreens\u002Ffollow",{"label":210,"to":336,"count":37},"\u002Fexamples\u002Fscreens\u002Fimport-and-export",{"label":297,"to":338,"count":37},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",{"label":292,"to":340,"count":37},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":342,"to":343},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":345,"to":346},"Social Bookmarking app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-bookmarking",{"label":348,"to":349},"Reading apps app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Freading-apps",{"published_at":351,"updated_at":352},"2023-07-17T09:29:55.000Z","2026-09-13T13:02:39.000Z"]