[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftypekit\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":342,"links":343,"dates":401},"\u002Fexamples\u002Fapps\u002Ftypekit\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Typekit product screens examples - Nicelydone","Browse Typekit screen design examples. Preview the interface screenshots and explore related UI patterns. Every font you need, everywhere you need it","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftypekit_sign-in_9557dbc6_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Typekit design examples","\u002Fexamples\u002Fapps\u002Ftypekit",{"label":23,"to":4},"Typekit 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,"categories":34},"Typekit","typekit","Every font you need, everywhere you need it","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypekit-22be941b.png","https:\u002F\u002Ftypekit.com",[35,39],{"id":36,"title":37,"slug":38},8,"Design","design",{"id":40,"title":41,"slug":42},7,"Web Development","web-development",[44,69,85,101,148,184,213,235,260,287,305,321],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":67},"9bd9b8f0-6a2d-4407-9540-d34003b26947","Sign in","Sign-in screen where the user authenticates with their Adobe ID email and password to access Adobe Typekit.",2880,1526,"Sign in from Typekit","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63],{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":71,"description":72,"canonical_path":4,"image":73,"width":48,"height":49,"image_alt":74,"kind":51,"patterns":75,"component_categories":81,"app":83},"8ba09bb9-b2fc-4ef4-9c2f-04cb482b54c8","Password reset","Password recovery screen where the user enters their email address to initiate a reset for their Adobe ID.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftypekit_password-reset_2d37a522_nicelydone.jpg","Password reset from Typekit",[76],{"id":77,"label":78,"slug":79,"rank":57,"group":80},2,"Forgot Password","forgot-password",{"id":59,"label":60,"slug":61},[82],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":87,"description":88,"canonical_path":4,"image":89,"width":48,"height":49,"image_alt":90,"kind":51,"patterns":91,"component_categories":97,"app":99},"48e8064a-737a-47e4-b94a-699e46ed8fcf","Sign up","Signup page where the user creates an Adobe ID to continue to Adobe Typekit by entering their name, email, password, country, and date of birth.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftypekit_sign-up_9be544cc_nicelydone.jpg","Sign up from Typekit",[92],{"id":93,"label":94,"slug":95,"rank":57,"group":96},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[98],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":100},[],{"uuid":102,"title":103,"description":104,"canonical_path":4,"image":105,"width":48,"height":106,"image_alt":107,"kind":51,"patterns":108,"component_categories":128,"app":146},"7af7ebee-fc92-49f5-a6c9-7d0c1a64cf6c","Home","List view where the user browses and previews font families, filtering by classification and properties via a right sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftypekit_home_e497883c_nicelydone.jpg",6090,"Home from Typekit",[109,116,123],{"id":110,"label":111,"slug":112,"rank":57,"group":113},79,"Browse","browse",{"id":36,"label":114,"slug":115},"Pages & Content","pages-and-content",{"id":117,"label":118,"slug":119,"rank":59,"group":120},13,"Filter & Sort","filter-and-sort",{"id":77,"label":121,"slug":122},"Actions","actions",{"id":124,"label":125,"slug":126,"rank":77,"group":127},22,"Search","search",{"id":77,"label":121,"slug":122},[129,133,137,141,145],{"id":130,"title":131,"slug":132},211,"Pagination","pagination",{"id":134,"title":135,"slug":136},223,"Slider","slider",{"id":138,"title":139,"slug":140},233,"Tabs","tabs",{"id":142,"title":143,"slug":144},240,"Horizontal navigation","horizontal-navigation",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":150,"description":151,"canonical_path":4,"image":152,"width":48,"height":153,"image_alt":154,"kind":51,"patterns":155,"component_categories":171,"app":182},"81c9a59b-8088-4c74-b785-73cc26df329e","Settings","Settings page where the user views their font sync usage, web pageview limits, and current subscription plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftypekit_settings_86e73bb3_nicelydone.jpg",2622,"Settings from Typekit",[156,163],{"id":157,"label":158,"slug":159,"rank":57,"group":160},49,"Usage","usage",{"id":54,"label":161,"slug":162},"Data & Analysis","data-and-analysis",{"id":164,"label":165,"slug":166,"rank":59,"group":167},94,"Account Settings","account-settings",{"id":168,"label":169,"slug":170},10,"Settings & Admin","settings-and-admin",[172,176,180,181],{"id":173,"title":174,"slug":175},169,"Avatar","avatar",{"id":177,"title":178,"slug":179},174,"Card","card",{"id":142,"title":143,"slug":144},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":183},[],{"uuid":185,"title":186,"description":187,"canonical_path":4,"image":188,"width":48,"height":189,"image_alt":190,"kind":51,"patterns":191,"component_categories":199,"app":211},"303b834f-2068-4d70-a5de-9cb7c0285b7a","Single","Product page for a specific font family where the user can preview different weights, adjust sample text size, and sync individual fonts or add the entire family to a web kit.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftypekit_single_b8466cbb_nicelydone.jpg",8464,"Single from Typekit",[192,194],{"id":110,"label":111,"slug":112,"rank":57,"group":193},{"id":36,"label":114,"slug":115},{"id":195,"label":196,"slug":197,"rank":59,"group":198},82,"Media Detail","media-detail",{"id":36,"label":114,"slug":115},[200,201,205,209,210],{"id":134,"title":135,"slug":136},{"id":202,"title":203,"slug":204},258,"Header","header",{"id":206,"title":207,"slug":208},202,"Footer","footer",{"id":138,"title":139,"slug":140},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":212},[],{"uuid":214,"title":125,"description":215,"canonical_path":4,"image":216,"width":48,"height":217,"image_alt":218,"kind":51,"patterns":219,"component_categories":228,"app":233},"718deb1f-f016-4276-99a9-af8fa706fa14","Search results page displaying matching font families and blog posts for the query 'narrow'.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftypekit_search_91746d8f_nicelydone.jpg",5522,"Search from Typekit",[220,222],{"id":124,"label":125,"slug":126,"rank":57,"group":221},{"id":77,"label":121,"slug":122},{"id":223,"label":139,"slug":140,"rank":59,"group":224},69,{"id":225,"label":226,"slug":227},6,"Navigation & Commands","navigation-and-commands",[229,230,231,232],{"id":138,"title":139,"slug":140},{"id":177,"title":178,"slug":179},{"id":142,"title":143,"slug":144},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":234},[],{"uuid":236,"title":237,"description":238,"canonical_path":4,"image":239,"width":48,"height":240,"image_alt":241,"kind":51,"patterns":242,"component_categories":254,"app":258},"f522936c-cc65-425b-963c-0c086e50e767","List","List view where the user manages their web font kits, viewing published domains, last published dates, and visual font previews for each configuration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftypekit_list_8194c2c2_nicelydone.jpg",7678,"List from Typekit",[243,247,252],{"id":40,"label":244,"slug":245,"rank":57,"group":246},"Add & Create","add-and-create",{"id":77,"label":121,"slug":122},{"id":248,"label":249,"slug":250,"rank":59,"group":251},47,"Table","table",{"id":54,"label":161,"slug":162},{"id":117,"label":118,"slug":119,"rank":77,"group":253},{"id":77,"label":121,"slug":122},[255,256,257],{"id":177,"title":178,"slug":179},{"id":142,"title":143,"slug":144},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":259},[],{"uuid":261,"title":262,"description":263,"canonical_path":4,"image":264,"width":48,"height":265,"image_alt":266,"kind":51,"patterns":267,"component_categories":274,"app":285},"7310b462-5e80-4858-99d4-2d50d73cfbd2","Home grid","Search results page where the user browses font families, adjusts preview text and size, and filters by classification, properties, and language support.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftypekit_home-grid_afd08eaa_nicelydone.jpg",3954,"Home grid from Typekit",[268,270,272],{"id":124,"label":125,"slug":126,"rank":57,"group":269},{"id":77,"label":121,"slug":122},{"id":117,"label":118,"slug":119,"rank":59,"group":271},{"id":77,"label":121,"slug":122},{"id":110,"label":111,"slug":112,"rank":77,"group":273},{"id":36,"label":114,"slug":115},[275,279,280,281,282,283,284],{"id":276,"title":277,"slug":278},168,"Accordion","accordion",{"id":130,"title":131,"slug":132},{"id":134,"title":135,"slug":136},{"id":138,"title":139,"slug":140},{"id":177,"title":178,"slug":179},{"id":142,"title":143,"slug":144},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":286},[],{"uuid":288,"title":186,"description":289,"canonical_path":4,"image":290,"width":48,"height":291,"image_alt":190,"kind":51,"patterns":292,"component_categories":295,"app":303},"e9748b96-ac09-4158-b43a-424a35c051c8","Product page where the user reviews technical details like CSS implementation, language support, and visual text samples for the Matrix II font.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftypekit_single-2_e967f3cf_nicelydone.jpg",7734,[293],{"id":195,"label":196,"slug":197,"rank":57,"group":294},{"id":36,"label":114,"slug":115},[296,300,301,302],{"id":297,"title":298,"slug":299},260,"Badge","badge",{"id":202,"title":203,"slug":204},{"id":206,"title":207,"slug":208},{"id":138,"title":139,"slug":140},{"slug":30,"title":29,"logo":32,"categories":304},[],{"uuid":306,"title":237,"description":307,"canonical_path":4,"image":308,"width":48,"height":309,"image_alt":241,"kind":51,"patterns":310,"component_categories":315,"app":319},"62a4707e-6840-42f2-9375-7b65bc1f1731","Directory page listing font foundries alphabetically with an A-Z navigation index.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftypekit_list-2_46914804_nicelydone.jpg",10316,[311,313],{"id":110,"label":111,"slug":112,"rank":57,"group":312},{"id":36,"label":114,"slug":115},{"id":124,"label":125,"slug":126,"rank":59,"group":314},{"id":77,"label":121,"slug":122},[316,317,318],{"id":202,"title":203,"slug":204},{"id":206,"title":207,"slug":208},{"id":142,"title":143,"slug":144},{"slug":30,"title":29,"logo":32,"categories":320},[],{"uuid":322,"title":323,"description":324,"canonical_path":4,"image":325,"width":48,"height":326,"image_alt":327,"kind":51,"patterns":328,"component_categories":333,"app":340},"0abce9a5-0dde-40f0-8af6-263fbd48301a","Collections","Directory page where the user browses curated lists of fonts organized by themes like alternatives to Helvetica or good for longform text.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftypekit_collections_36542133_nicelydone.jpg",3638,"Collections from Typekit",[329,331],{"id":110,"label":111,"slug":112,"rank":57,"group":330},{"id":36,"label":114,"slug":115},{"id":124,"label":125,"slug":126,"rank":59,"group":332},{"id":77,"label":121,"slug":122},[334,335,336,337,338,339],{"id":297,"title":298,"slug":299},{"id":202,"title":203,"slug":204},{"id":206,"title":207,"slug":208},{"id":177,"title":178,"slug":179},{"id":142,"title":143,"slug":144},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":341},[],[],[344,346,348,350,352,354,356,358,360,362,364,366,368,371,374,377,380,383,385,389,393,397],{"label":111,"to":345},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":125,"to":347},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":118,"to":349},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":196,"to":351},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":165,"to":353},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":244,"to":355},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":78,"to":357},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":55,"to":359},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":94,"to":361},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":249,"to":363},"\u002Fexamples\u002Fscreens\u002Ftable",{"label":139,"to":365},"\u002Fexamples\u002Fscreens\u002Ftabs",{"label":158,"to":367},"\u002Fexamples\u002Fscreens\u002Fusage",{"label":369,"to":370},"Typekit marketing pages","\u002Fexamples\u002Fapps\u002Ftypekit\u002Fmarketing",{"label":372,"to":373},"Typekit user flows","\u002Fexamples\u002Fapps\u002Ftypekit\u002Fflows",{"label":375,"to":376},"Typekit UI components","\u002Fexamples\u002Fapps\u002Ftypekit\u002Fcomponents",{"label":378,"to":379},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":381,"to":382},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":384,"to":18},"All SaaS app examples",{"label":386,"to":387,"description":388},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":390,"to":391,"description":392},"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":394,"to":395,"description":396},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":398,"to":399,"description":400},"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":402,"updated_at":403},"2016-09-26T08:00:00.000Z","2026-09-13T13:02:39.000Z"]