[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fjob":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":499,"links":500,"dates":551},"\u002Fexamples\u002Ftags\u002Fjob","collection","screens",true,{"example_count":9,"app_count":10},1006,240,{"id":12,"title":13,"description":14},78676,"Job","",{"title":16,"description":17,"og_image":18},"Job screen examples - Nicelydone","Job screen design examples from SaaS apps. Browse examples from The org, Gamma, Grok.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2f578c5c-8903-41f0-a30e-f5f83214971d.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Job screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1006 screens",[34,105,153,188,233,265,296,328,372,404,435,471],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":71,"app":95},"2f578c5c-8903-41f0-a30e-f5f83214971d","Web Developer at Nicelydone | The Org","Detail page where an admin views an unpublished job posting for a Web Developer, including the description, company info, and an option to publish the listing.","\u002Fexamples\u002Fapps\u002Fthe-org\u002Fscreens",3024,3110,"Web Developer at Nicelydone | The Org from The org","2025-07-14T09:42:36.000Z","screen",[45,54,63],{"id":46,"label":47,"slug":48,"rank":49,"group":50},83,"Post Detail","post-detail",0,{"id":51,"label":52,"slug":53},8,"Pages & Content","pages-and-content",{"id":55,"label":56,"slug":57,"rank":58,"group":59},62,"Breadcrumbs","breadcrumbs",1,{"id":60,"label":61,"slug":62},6,"Navigation & Commands","navigation-and-commands",{"id":64,"label":65,"slug":66,"rank":67,"group":68},22,"Search","search",2,{"id":67,"label":69,"slug":70},"Actions","actions",[72,75,79,83,87,91],{"id":10,"title":73,"slug":74},"Horizontal navigation","horizontal-navigation",{"id":76,"title":77,"slug":78},177,"Breadcrumb","breadcrumb",{"id":80,"title":81,"slug":82},260,"Badge","badge",{"id":84,"title":85,"slug":86},169,"Avatar","avatar",{"id":88,"title":89,"slug":90},174,"Card","card",{"id":92,"title":93,"slug":94},175,"Button","button",{"slug":96,"title":97,"logo":98,"baseline":99,"categories":100},"the-org","The org","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fthe-org-d95f10a7.png","Where great teams live",[101],{"id":102,"title":103,"slug":104},49,"Social Network","social-network",{"uuid":106,"title":107,"description":108,"canonical_path":109,"image":110,"width":39,"height":111,"image_alt":112,"published_at":113,"kind":43,"patterns":114,"component_categories":126,"app":133},"225cdf45-5021-43ee-92da-4f76134812eb","Gamma","Onboarding step where the user selects their profession, such as Design or Engineering, from an emoji-illustrated grid to personalize their account.","\u002Fexamples\u002Fapps\u002Fgamma\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F225cdf45-5021-43ee-92da-4f76134812eb.png",1778,"Gamma from Gamma","2025-05-12T13:15:33.000Z",[115,121],{"id":58,"label":116,"slug":117,"rank":49,"group":118},"Account Setup","account-setup",{"id":58,"label":119,"slug":120},"Access & Account","access-and-account",{"id":122,"label":123,"slug":124,"rank":58,"group":125},23,"Select","select",{"id":67,"label":69,"slug":70},[127,131,132],{"id":128,"title":129,"slug":130},227,"Stepper","stepper",{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"slug":134,"title":107,"logo":135,"baseline":136,"categories":137},"gamma","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgama-mza32mut.png","Presentations, websites, and socials at the speed of thought",[138,141,145,149],{"id":51,"title":139,"slug":140},"Design","design",{"id":142,"title":143,"slug":144},80,"Artificial Intelligence","artificial-intelligence",{"id":146,"title":147,"slug":148},7,"Web Development","web-development",{"id":150,"title":151,"slug":152},85,"Presentation software","presentation-software",{"uuid":154,"title":155,"description":156,"canonical_path":157,"image":158,"width":39,"height":159,"image_alt":160,"published_at":161,"kind":43,"patterns":162,"component_categories":171,"app":181},"d1a3bc44-7758-4ab0-9643-a18dad3a8c36","Open Roles | xAI","Careers page where the user browses open roles categorized by department and can filter by office location or specific department.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd1a3bc44-7758-4ab0-9643-a18dad3a8c36.png",17022,"Open Roles | xAI from Grok","2025-04-14T08:55:44.000Z",[163],{"id":164,"label":165,"slug":166,"rank":49,"group":167},170,"Careers Page","careers-page",{"id":168,"label":169,"slug":170},15,"Marketing Page Types","marketing-page-types",[172,176,180],{"id":173,"title":174,"slug":175},258,"Header","header",{"id":177,"title":178,"slug":179},202,"Footer","footer",{"id":92,"title":93,"slug":94},{"slug":182,"title":183,"logo":184,"baseline":185,"categories":186},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[187],{"id":142,"title":143,"slug":144},{"uuid":189,"title":190,"description":191,"canonical_path":192,"image":193,"width":39,"height":194,"image_alt":195,"published_at":196,"kind":43,"patterns":197,"component_categories":211,"app":215},"222b37bf-26d9-4430-b9c3-12d5b72138ae","Job Application for Senior Software Engineer, Fullstack (mfd) at Bitly","Careers page where a user reads the job description for a Senior Software Engineer role and fills out an application form with their details, resume, and specific screening questions.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F222b37bf-26d9-4430-b9c3-12d5b72138ae.png",10210,"Job Application for Senior Software Engineer, Fullstack (mfd) at Bitly from Bitly","2025-03-31T12:38:36.000Z",[198,206],{"id":199,"label":200,"slug":201,"rank":49,"group":202},42,"Form","form",{"id":203,"label":204,"slug":205},4,"Data & Analysis","data-and-analysis",{"id":207,"label":208,"slug":209,"rank":58,"group":210},79,"Browse","browse",{"id":51,"label":52,"slug":53},[212,213,214],{"id":173,"title":174,"slug":175},{"id":177,"title":178,"slug":179},{"id":92,"title":93,"slug":94},{"slug":216,"title":217,"logo":218,"baseline":219,"categories":220},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[221,225,229],{"id":222,"title":223,"slug":224},14,"Social","social",{"id":226,"title":227,"slug":228},25,"Marketing","marketing",{"id":230,"title":231,"slug":232},46,"Analytics","analytics",{"uuid":234,"title":235,"description":236,"canonical_path":237,"image":238,"width":39,"height":239,"image_alt":240,"published_at":241,"kind":43,"patterns":242,"component_categories":245,"app":254},"d00316a5-1c15-4bf6-aecd-c85e7d653167","Lemni · Role › Web Designer","Careers page detailing the Web Designer role in Amsterdam, including responsibilities, requirements, and an introduction to the team.","\u002Fexamples\u002Fapps\u002Flemni\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd00316a5-1c15-4bf6-aecd-c85e7d653167.png",8040,"Lemni · Role › Web Designer from Lemni","2025-03-24T15:32:17.000Z",[243],{"id":164,"label":165,"slug":166,"rank":49,"group":244},{"id":168,"label":169,"slug":170},[246,250,251,252,253],{"id":247,"title":248,"slug":249},298,"Bento box","bento-grid",{"id":84,"title":85,"slug":86},{"id":173,"title":174,"slug":175},{"id":177,"title":178,"slug":179},{"id":92,"title":93,"slug":94},{"slug":255,"title":256,"logo":257,"baseline":258,"categories":259},"lemni","Lemni","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flemni-aebad401.png","Ai agents for all your customer interactions",[260,261],{"id":142,"title":143,"slug":144},{"id":262,"title":263,"slug":264},47,"Customer Service","customer-service",{"uuid":266,"title":267,"description":268,"canonical_path":269,"image":270,"width":39,"height":271,"image_alt":272,"published_at":273,"kind":43,"patterns":274,"component_categories":277,"app":286},"899363be-aabe-4bd6-ac50-5832e5615a37","Product Designer (SeniorStaff) @ Monarch Money","Careers page where a candidate applies for a Product Designer role by filling out personal details, uploading a resume, and answering screening questions.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F899363be-aabe-4bd6-ac50-5832e5615a37.png",4076,"Product Designer (SeniorStaff) @ Monarch Money from Monarch","2025-03-17T14:09:52.000Z",[275],{"id":164,"label":165,"slug":166,"rank":49,"group":276},{"id":168,"label":169,"slug":170},[278,282,283,284,285],{"id":279,"title":280,"slug":281},233,"Tabs","tabs",{"id":88,"title":89,"slug":90},{"id":173,"title":174,"slug":175},{"id":177,"title":178,"slug":179},{"id":92,"title":93,"slug":94},{"slug":287,"title":288,"logo":289,"baseline":290,"categories":291},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[292],{"id":293,"title":294,"slug":295},36,"Finance","finance",{"uuid":297,"title":298,"description":299,"canonical_path":300,"image":301,"width":39,"height":302,"image_alt":303,"published_at":304,"kind":43,"patterns":305,"component_categories":308,"app":312},"eca6b950-f22d-42b6-ad07-4a37c8cab905","Careers - Replit","Careers page detailing the company mission, a five-step interview process, and employee benefits, with calls to action to view open positions.","\u002Fexamples\u002Fapps\u002Freplit\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feca6b950-f22d-42b6-ad07-4a37c8cab905.png",8292,"Careers - Replit from Replit","2025-03-10T14:11:20.000Z",[306],{"id":164,"label":165,"slug":166,"rank":49,"group":307},{"id":168,"label":169,"slug":170},[309,310,311],{"id":173,"title":174,"slug":175},{"id":177,"title":178,"slug":179},{"id":92,"title":93,"slug":94},{"slug":313,"title":314,"logo":315,"baseline":316,"categories":317},"replit","Replit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","Turn your ideas into apps with AI",[318,319,323,324],{"id":142,"title":143,"slug":144},{"id":320,"title":321,"slug":322},48,"Developer Tools","developer-tools",{"id":146,"title":147,"slug":148},{"id":325,"title":326,"slug":327},96,"No code","no-code",{"uuid":329,"title":330,"description":331,"canonical_path":332,"image":333,"width":39,"height":334,"image_alt":335,"published_at":336,"kind":43,"patterns":337,"component_categories":340,"app":354},"f2233c29-3809-47ab-bc2e-0203ad45cef8","Jobs at Front | Work happier at Front  Front","Careers page where the user can learn about company values, benefits, and culture, and browse open positions filtered by location and department.","\u002Fexamples\u002Fapps\u002Ffront\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff2233c29-3809-47ab-bc2e-0203ad45cef8.png",22296,"Jobs at Front | Work happier at Front  Front from Front","2025-03-03T14:56:15.000Z",[338],{"id":164,"label":165,"slug":166,"rank":49,"group":339},{"id":168,"label":169,"slug":170},[341,345,349,350,351,352,353],{"id":342,"title":343,"slug":344},168,"Accordion","accordion",{"id":346,"title":347,"slug":348},232,"Testimonial","testimonial",{"id":84,"title":85,"slug":86},{"id":279,"title":280,"slug":281},{"id":88,"title":89,"slug":90},{"id":173,"title":174,"slug":175},{"id":177,"title":178,"slug":179},{"slug":355,"title":356,"logo":357,"baseline":358,"categories":359},"front","Front","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffront-f25c6b6e.png","Email redesigned for teams",[360,363,364,368],{"id":122,"title":361,"slug":362},"Collaboration","collaboration",{"id":262,"title":263,"slug":264},{"id":365,"title":366,"slug":367},82,"Communication","communication",{"id":369,"title":370,"slug":371},92,"Email","email",{"uuid":373,"title":374,"description":375,"canonical_path":376,"image":377,"width":39,"height":378,"image_alt":379,"published_at":380,"kind":43,"patterns":381,"component_categories":384,"app":394},"bea4f4aa-37cf-4ba7-9497-9fc092f46ad5","How to apply","Careers page explaining the four-step application and interview process with an FAQ section.","\u002Fexamples\u002Fapps\u002Fwetransfer\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbea4f4aa-37cf-4ba7-9497-9fc092f46ad5.png",8710,"How to apply from WeTransfer","2025-02-24T16:12:09.000Z",[382],{"id":164,"label":165,"slug":166,"rank":49,"group":383},{"id":168,"label":169,"slug":170},[385,389,390,391,392,393],{"id":386,"title":387,"slug":388},189,"FAQ","faq",{"id":80,"title":81,"slug":82},{"id":88,"title":89,"slug":90},{"id":173,"title":174,"slug":175},{"id":177,"title":178,"slug":179},{"id":92,"title":93,"slug":94},{"slug":395,"title":396,"logo":397,"baseline":398,"categories":399},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[400],{"id":401,"title":402,"slug":403},71,"File sharing","file-sharing",{"uuid":405,"title":406,"description":407,"canonical_path":408,"image":409,"width":39,"height":410,"image_alt":411,"published_at":412,"kind":43,"patterns":413,"component_categories":416,"app":424},"9fe132e9-bdde-475b-a8e3-fb5ecf9e087b","Job Application for Product Designer (EU Based) at Flodesk","Careers page where the user reads a job description for a Product Designer role and fills out an application form with their personal details and resume.","\u002Fexamples\u002Fapps\u002Fflodesk\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9fe132e9-bdde-475b-a8e3-fb5ecf9e087b.png",8056,"Job Application for Product Designer (EU Based) at Flodesk from Flodesk","2025-02-24T15:36:57.000Z",[414],{"id":164,"label":165,"slug":166,"rank":49,"group":415},{"id":168,"label":169,"slug":170},[417,421,422,423],{"id":418,"title":419,"slug":420},277,"Button group","button-group",{"id":173,"title":174,"slug":175},{"id":177,"title":178,"slug":179},{"id":92,"title":93,"slug":94},{"slug":425,"title":426,"logo":427,"baseline":428,"categories":429},"flodesk","Flodesk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fflodesk-57ced817.png","Design emails people love to open. Sell online.",[430,434],{"id":431,"title":432,"slug":433},27,"Email Newsletters","email-newsletters",{"id":226,"title":227,"slug":228},{"uuid":436,"title":437,"description":438,"canonical_path":439,"image":440,"width":39,"height":441,"image_alt":442,"published_at":443,"kind":43,"patterns":444,"component_categories":447,"app":452},"2a94a0be-429a-42e6-92d7-9047ce29059b","Engineering Manager @ Motion","Careers page detailing the Engineering Manager role at Motion, including responsibilities, requirements, and a prompt to apply.","\u002Fexamples\u002Fapps\u002Fmotion\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2a94a0be-429a-42e6-92d7-9047ce29059b.png",7408,"Engineering Manager @ Motion from Motion","2025-02-10T16:08:17.000Z",[445],{"id":164,"label":165,"slug":166,"rank":49,"group":446},{"id":168,"label":169,"slug":170},[448,449,450,451],{"id":279,"title":280,"slug":281},{"id":173,"title":174,"slug":175},{"id":177,"title":178,"slug":179},{"id":92,"title":93,"slug":94},{"slug":453,"title":454,"logo":455,"baseline":456,"categories":457},"motion","Motion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmotion-6fac92db.png","Use AI to plan your work, automatically",[458,459,463,467],{"id":142,"title":143,"slug":144},{"id":460,"title":461,"slug":462},29,"Task Management","task-management",{"id":464,"title":465,"slug":466},30,"Productivity","productivity",{"id":468,"title":469,"slug":470},101,"Calendar","calendar",{"uuid":472,"title":473,"description":474,"canonical_path":475,"image":476,"width":39,"height":477,"image_alt":478,"published_at":479,"kind":43,"patterns":480,"component_categories":483,"app":488},"bf59836b-30e2-4d42-8f20-14f3f347dd2d","Careers | Steep","Careers page where the user can browse open positions for engineering and sales roles in Stockholm.","\u002Fexamples\u002Fapps\u002Fsteep\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf59836b-30e2-4d42-8f20-14f3f347dd2d.png",3222,"Careers | Steep from Steep","2025-02-10T14:54:31.000Z",[481],{"id":164,"label":165,"slug":166,"rank":49,"group":482},{"id":168,"label":169,"slug":170},[484,485,486,487],{"id":88,"title":89,"slug":90},{"id":173,"title":174,"slug":175},{"id":177,"title":178,"slug":179},{"id":92,"title":93,"slug":94},{"slug":489,"title":490,"logo":491,"baseline":492,"categories":493},"steep","Steep","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsteep-pou14al3.png","The new way to work with data together",[494,495],{"id":230,"title":231,"slug":232},{"id":496,"title":497,"slug":498},57,"Big data","big-data",[],[501,503,505,507,509,511,513,515,518,521,524,527,530,533,536,539,542,545,548],{"label":116,"to":502,"count":58},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":56,"to":504,"count":58},"\u002Fexamples\u002Fscreens\u002Fbreadcrumbs",{"label":208,"to":506,"count":58},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":200,"to":508,"count":58},"\u002Fexamples\u002Fscreens\u002Fform",{"label":47,"to":510,"count":58},"\u002Fexamples\u002Fscreens\u002Fpost-detail",{"label":65,"to":512,"count":58},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":123,"to":514,"count":58},"\u002Fexamples\u002Fscreens\u002Fselect",{"label":516,"to":517},"The org design examples","\u002Fexamples\u002Fapps\u002Fthe-org",{"label":519,"to":520},"Gamma design examples","\u002Fexamples\u002Fapps\u002Fgamma",{"label":522,"to":523},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":525,"to":526},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":528,"to":529},"Lemni design examples","\u002Fexamples\u002Fapps\u002Flemni",{"label":531,"to":532},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":534,"to":535},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"label":537,"to":538},"Front design examples","\u002Fexamples\u002Fapps\u002Ffront",{"label":540,"to":541},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"label":543,"to":544},"Flodesk design examples","\u002Fexamples\u002Fapps\u002Fflodesk",{"label":546,"to":547},"Motion design examples","\u002Fexamples\u002Fapps\u002Fmotion",{"label":549,"to":550},"Steep design examples","\u002Fexamples\u002Fapps\u002Fsteep",{"published_at":552,"updated_at":553},"2025-01-01T11:23:09.000Z","2026-09-09T17:07:16.000Z"]