[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftypekit":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":49,"showcases":50,"links":355,"dates":390},"\u002Fexamples\u002Fapps\u002Ftypekit","detail","apps",true,{"title":9,"description":10,"og_image":11},"Typekit design examples - Nicelydone","Explore Typekit UI design examples. Every font you need, everywhere you need it","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ftypekit_sign-in_9557dbc6_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Typekit design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Typekit",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ftypekit\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Ftypekit\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Typekit","typekit","Every font you need, everywhere you need it","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypekit-22be941b.png","https:\u002F\u002Ftypekit.com",[41,45],{"id":42,"title":43,"slug":44},8,"Design","design",{"id":46,"title":47,"slug":48},7,"Web Development","web-development",[],[51,352],{"family":52,"examples":53},"screens",[54,79,95,111,158,188,221,250,268,290,315,331],{"uuid":55,"title":56,"description":57,"canonical_path":29,"image":11,"width":58,"height":59,"image_alt":60,"kind":61,"patterns":62,"component_categories":72,"app":77},"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",[63],{"id":64,"label":65,"slug":66,"rank":67,"group":68},4,"Sign In","sign-in",0,{"id":69,"label":70,"slug":71},1,"Access & Account","access-and-account",[73],{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":29,"image":83,"width":58,"height":59,"image_alt":84,"kind":61,"patterns":85,"component_categories":91,"app":93},"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",[86],{"id":87,"label":88,"slug":89,"rank":67,"group":90},2,"Forgot Password","forgot-password",{"id":69,"label":70,"slug":71},[92],{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":94},[],{"uuid":96,"title":97,"description":98,"canonical_path":29,"image":99,"width":58,"height":59,"image_alt":100,"kind":61,"patterns":101,"component_categories":107,"app":109},"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",[102],{"id":103,"label":104,"slug":105,"rank":67,"group":106},5,"Sign Up","sign-up",{"id":69,"label":70,"slug":71},[108],{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":110},[],{"uuid":112,"title":113,"description":114,"canonical_path":29,"image":115,"width":58,"height":116,"image_alt":117,"kind":61,"patterns":118,"component_categories":138,"app":156},"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",[119,126,133],{"id":120,"label":121,"slug":122,"rank":67,"group":123},79,"Browse","browse",{"id":42,"label":124,"slug":125},"Pages & Content","pages-and-content",{"id":127,"label":128,"slug":129,"rank":69,"group":130},13,"Filter & Sort","filter-and-sort",{"id":87,"label":131,"slug":132},"Actions","actions",{"id":134,"label":135,"slug":136,"rank":87,"group":137},22,"Search","search",{"id":87,"label":131,"slug":132},[139,143,147,151,155],{"id":140,"title":141,"slug":142},211,"Pagination","pagination",{"id":144,"title":145,"slug":146},223,"Slider","slider",{"id":148,"title":149,"slug":150},233,"Tabs","tabs",{"id":152,"title":153,"slug":154},240,"Horizontal navigation","horizontal-navigation",{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":157},[],{"uuid":159,"title":160,"description":161,"canonical_path":29,"image":162,"width":58,"height":163,"image_alt":164,"kind":61,"patterns":165,"component_categories":172,"app":186},"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",[166,168,170],{"id":134,"label":135,"slug":136,"rank":67,"group":167},{"id":87,"label":131,"slug":132},{"id":127,"label":128,"slug":129,"rank":69,"group":169},{"id":87,"label":131,"slug":132},{"id":120,"label":121,"slug":122,"rank":87,"group":171},{"id":42,"label":124,"slug":125},[173,177,178,179,180,184,185],{"id":174,"title":175,"slug":176},168,"Accordion","accordion",{"id":140,"title":141,"slug":142},{"id":144,"title":145,"slug":146},{"id":148,"title":149,"slug":150},{"id":181,"title":182,"slug":183},174,"Card","card",{"id":152,"title":153,"slug":154},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":187},[],{"uuid":189,"title":190,"description":191,"canonical_path":29,"image":192,"width":58,"height":193,"image_alt":194,"kind":61,"patterns":195,"component_categories":211,"app":219},"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",[196,203],{"id":197,"label":198,"slug":199,"rank":67,"group":200},49,"Usage","usage",{"id":64,"label":201,"slug":202},"Data & Analysis","data-and-analysis",{"id":204,"label":205,"slug":206,"rank":69,"group":207},94,"Account Settings","account-settings",{"id":208,"label":209,"slug":210},10,"Settings & Admin","settings-and-admin",[212,216,217,218],{"id":213,"title":214,"slug":215},169,"Avatar","avatar",{"id":181,"title":182,"slug":183},{"id":152,"title":153,"slug":154},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":220},[],{"uuid":222,"title":223,"description":224,"canonical_path":29,"image":225,"width":58,"height":226,"image_alt":227,"kind":61,"patterns":228,"component_categories":236,"app":248},"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",[229,231],{"id":120,"label":121,"slug":122,"rank":67,"group":230},{"id":42,"label":124,"slug":125},{"id":232,"label":233,"slug":234,"rank":69,"group":235},82,"Media Detail","media-detail",{"id":42,"label":124,"slug":125},[237,238,242,246,247],{"id":144,"title":145,"slug":146},{"id":239,"title":240,"slug":241},258,"Header","header",{"id":243,"title":244,"slug":245},202,"Footer","footer",{"id":148,"title":149,"slug":150},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":249},[],{"uuid":251,"title":223,"description":252,"canonical_path":29,"image":253,"width":58,"height":254,"image_alt":227,"kind":61,"patterns":255,"component_categories":258,"app":266},"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,[256],{"id":232,"label":233,"slug":234,"rank":67,"group":257},{"id":42,"label":124,"slug":125},[259,263,264,265],{"id":260,"title":261,"slug":262},260,"Badge","badge",{"id":239,"title":240,"slug":241},{"id":243,"title":244,"slug":245},{"id":148,"title":149,"slug":150},{"slug":36,"title":35,"logo":38,"categories":267},[],{"uuid":269,"title":135,"description":270,"canonical_path":29,"image":271,"width":58,"height":272,"image_alt":273,"kind":61,"patterns":274,"component_categories":283,"app":288},"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",[275,277],{"id":134,"label":135,"slug":136,"rank":67,"group":276},{"id":87,"label":131,"slug":132},{"id":278,"label":149,"slug":150,"rank":69,"group":279},69,{"id":280,"label":281,"slug":282},6,"Navigation & Commands","navigation-and-commands",[284,285,286,287],{"id":148,"title":149,"slug":150},{"id":181,"title":182,"slug":183},{"id":152,"title":153,"slug":154},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":289},[],{"uuid":291,"title":292,"description":293,"canonical_path":29,"image":294,"width":58,"height":295,"image_alt":296,"kind":61,"patterns":297,"component_categories":309,"app":313},"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",[298,302,307],{"id":46,"label":299,"slug":300,"rank":67,"group":301},"Add & Create","add-and-create",{"id":87,"label":131,"slug":132},{"id":303,"label":304,"slug":305,"rank":69,"group":306},47,"Table","table",{"id":64,"label":201,"slug":202},{"id":127,"label":128,"slug":129,"rank":87,"group":308},{"id":87,"label":131,"slug":132},[310,311,312],{"id":181,"title":182,"slug":183},{"id":152,"title":153,"slug":154},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":314},[],{"uuid":316,"title":292,"description":317,"canonical_path":29,"image":318,"width":58,"height":319,"image_alt":296,"kind":61,"patterns":320,"component_categories":325,"app":329},"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,[321,323],{"id":120,"label":121,"slug":122,"rank":67,"group":322},{"id":42,"label":124,"slug":125},{"id":134,"label":135,"slug":136,"rank":69,"group":324},{"id":87,"label":131,"slug":132},[326,327,328],{"id":239,"title":240,"slug":241},{"id":243,"title":244,"slug":245},{"id":152,"title":153,"slug":154},{"slug":36,"title":35,"logo":38,"categories":330},[],{"uuid":332,"title":333,"description":334,"canonical_path":29,"image":335,"width":58,"height":336,"image_alt":337,"kind":61,"patterns":338,"component_categories":343,"app":350},"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",[339,341],{"id":120,"label":121,"slug":122,"rank":67,"group":340},{"id":42,"label":124,"slug":125},{"id":134,"label":135,"slug":136,"rank":69,"group":342},{"id":87,"label":131,"slug":132},[344,345,346,347,348,349],{"id":260,"title":261,"slug":262},{"id":239,"title":240,"slug":241},{"id":243,"title":244,"slug":245},{"id":181,"title":182,"slug":183},{"id":152,"title":153,"slug":154},{"id":74,"title":75,"slug":76},{"slug":36,"title":35,"logo":38,"categories":351},[],{"family":353,"examples":354},"pages",[],[356,358,360,363,366,369,372,374,378,382,386],{"label":357,"to":29},"Typekit product screens",{"label":359,"to":32},"Typekit marketing pages",{"label":361,"to":362},"Typekit user flows","\u002Fexamples\u002Fapps\u002Ftypekit\u002Fflows",{"label":364,"to":365},"Typekit UI components","\u002Fexamples\u002Fapps\u002Ftypekit\u002Fcomponents",{"label":367,"to":368},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":370,"to":371},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":373,"to":18},"All SaaS app examples",{"label":375,"to":376,"description":377},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":379,"to":380,"description":381},"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":383,"to":384,"description":385},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":387,"to":388,"description":389},"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":391,"updated_at":392},"2016-09-26T08:00:00.000Z","2026-09-13T13:02:39.000Z"]