[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fstorytrail":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":45,"showcases":46,"links":363,"dates":377},"\u002Fexamples\u002Fapps\u002Fstorytrail","detail","apps",true,{"title":9,"description":10,"og_image":11},"Storytrail design examples - Nicelydone","Explore Storytrail UI design examples. Let the story be your guide","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstorytrail_onboarding-2_6ba4aee7_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},"Storytrail design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Storytrail",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fstorytrail\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fstorytrail\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Storytrail","storytrail","Let the story be your guide","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstorytrail-23e23447.png","http:\u002F\u002Fstorytrail.co",[41],{"id":42,"title":43,"slug":44},5,"Travel","travel",[],[47,360],{"family":48,"examples":49},"screens",[50,88,116,138,169,190,208,224,249,270,307,322],{"uuid":51,"title":52,"description":53,"canonical_path":29,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":58,"component_categories":77,"app":86},"4c69c56a-eb9d-4b78-b18a-be8fa6d47648","Onboarding","Onboarding step where the user browses and selects a city to start their journey, with an option to skip directly to the app.",2880,1526,"Onboarding from Storytrail","screen",[59,68],{"id":60,"label":61,"slug":62,"rank":63,"group":64},79,"Browse","browse",0,{"id":65,"label":66,"slug":67},8,"Pages & Content","pages-and-content",{"id":69,"label":70,"slug":71,"rank":72,"group":73},77,"Welcome","welcome",1,{"id":74,"label":75,"slug":76},7,"Onboarding & Education","onboarding-and-education",[78,82],{"id":79,"title":80,"slug":81},211,"Pagination","pagination",{"id":83,"title":84,"slug":85},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":87},[],{"uuid":89,"title":52,"description":90,"canonical_path":29,"image":91,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":92,"component_categories":108,"app":114},"e54afa56-f03d-448e-b763-f4cc3268607b","Onboarding step where the user learns about storytrails on a map and can choose to skip the tour to start using the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstorytrail_onboarding-3_d6bdc988_nicelydone.jpg",[93,100,105],{"id":94,"label":95,"slug":96,"rank":63,"group":97},57,"Map","map",{"id":42,"label":98,"slug":99},"Media & Tools","media-and-tools",{"id":101,"label":102,"slug":103,"rank":72,"group":104},72,"Getting Started","getting-started",{"id":74,"label":75,"slug":76},{"id":69,"label":70,"slug":71,"rank":106,"group":107},2,{"id":74,"label":75,"slug":76},[109,113],{"id":110,"title":111,"slug":112},227,"Stepper","stepper",{"id":83,"title":84,"slug":85},{"slug":36,"title":35,"logo":38,"categories":115},[],{"uuid":117,"title":52,"description":118,"canonical_path":29,"image":119,"width":54,"height":55,"image_alt":56,"kind":57,"patterns":120,"component_categories":133,"app":136},"ffc07355-72d1-446e-8040-eff4de689460","Onboarding step where the user learns keyboard shortcuts for navigation, playback, and favorites before entering the app.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstorytrail_onboarding-4_af4ab305_nicelydone.jpg",[121,126,131],{"id":122,"label":123,"slug":124,"rank":63,"group":125},73,"Guided Tour","guided-tour",{"id":74,"label":75,"slug":76},{"id":127,"label":128,"slug":129,"rank":72,"group":130},76,"Tutorial","tutorial",{"id":74,"label":75,"slug":76},{"id":101,"label":102,"slug":103,"rank":106,"group":132},{"id":74,"label":75,"slug":76},[134,135],{"id":110,"title":111,"slug":112},{"id":83,"title":84,"slug":85},{"slug":36,"title":35,"logo":38,"categories":137},[],{"uuid":139,"title":140,"description":141,"canonical_path":29,"image":142,"width":54,"height":143,"image_alt":144,"kind":57,"patterns":145,"component_categories":161,"app":167},"b468ac8d-a7a9-4a28-b331-38e163b3b53c","Landing page","Landing page featuring a horizontal carousel of cities, currently showing Rome, with calls to action to view a trailer or explore the city.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstorytrail_landing-page_c1129b3f_nicelydone.jpg",1520,"Landing page from Storytrail",[146,154,156],{"id":147,"label":148,"slug":149,"rank":63,"group":150},65,"Navigation Menu","navigation-menu",{"id":151,"label":152,"slug":153},6,"Navigation & Commands","navigation-and-commands",{"id":60,"label":61,"slug":62,"rank":72,"group":155},{"id":65,"label":66,"slug":67},{"id":157,"label":158,"slug":159,"rank":106,"group":160},81,"Home","home",{"id":65,"label":66,"slug":67},[162,166],{"id":163,"title":164,"slug":165},258,"Header","header",{"id":83,"title":84,"slug":85},{"slug":36,"title":35,"logo":38,"categories":168},[],{"uuid":170,"title":171,"description":172,"canonical_path":29,"image":173,"width":54,"height":55,"image_alt":174,"kind":57,"patterns":175,"component_categories":182,"app":188},"915ef1b3-452e-41e5-9d1f-9e564c236a49","Sign in","Sign-in screen where the user authenticates with email and password, or via Twitter and Facebook.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstorytrail_sign-in_7bf59a8b_nicelydone.jpg","Sign in from Storytrail",[176],{"id":106,"label":177,"slug":178,"rank":63,"group":179},"Forgot Password","forgot-password",{"id":72,"label":180,"slug":181},"Access & Account","access-and-account",[183,187],{"id":184,"title":185,"slug":186},284,"Modal","modal",{"id":83,"title":84,"slug":85},{"slug":36,"title":35,"logo":38,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":29,"image":194,"width":54,"height":55,"image_alt":195,"kind":57,"patterns":196,"component_categories":199,"app":206},"c4a11c45-7007-48b6-911f-7ddef8e60940","Password reset","Verification screen where the user enters their email address to resend the account confirmation link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstorytrail_password-reset_1b5d8bd5_nicelydone.jpg","Password reset from Storytrail",[197],{"id":106,"label":177,"slug":178,"rank":63,"group":198},{"id":72,"label":180,"slug":181},[200,204,205],{"id":201,"title":202,"slug":203},240,"Horizontal navigation","horizontal-navigation",{"id":184,"title":185,"slug":186},{"id":83,"title":84,"slug":85},{"slug":36,"title":35,"logo":38,"categories":207},[],{"uuid":209,"title":210,"description":211,"canonical_path":29,"image":212,"width":54,"height":55,"image_alt":213,"kind":57,"patterns":214,"component_categories":219,"app":222},"5e325651-8990-4456-a706-b43e37abd101","Sign up","Signup screen where the user creates an account using their email and password or via Twitter or Facebook.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstorytrail_sign-up_4faadf2b_nicelydone.jpg","Sign up from Storytrail",[215],{"id":42,"label":216,"slug":217,"rank":63,"group":218},"Sign Up","sign-up",{"id":72,"label":180,"slug":181},[220,221],{"id":184,"title":185,"slug":186},{"id":83,"title":84,"slug":85},{"slug":36,"title":35,"logo":38,"categories":223},[],{"uuid":225,"title":226,"description":227,"canonical_path":29,"image":228,"width":54,"height":55,"image_alt":229,"kind":57,"patterns":230,"component_categories":243,"app":247},"05a326ab-e8cf-49d3-9fb6-26da2fbf2940","Sign up confirmation","Verification screen where the user is instructed to check their inbox to confirm their email address, with an option to resend the link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstorytrail_sign-up-confirmation_e44b7f04_nicelydone.jpg","Sign up confirmation from Storytrail",[231,235],{"id":151,"label":232,"slug":233,"rank":63,"group":234},"Verification","verification",{"id":72,"label":180,"slug":181},{"id":236,"label":237,"slug":238,"rank":72,"group":239},114,"Confirmation","confirmation",{"id":240,"label":241,"slug":242},12,"States & Feedback","states-and-feedback",[244,245,246],{"id":201,"title":202,"slug":203},{"id":184,"title":185,"slug":186},{"id":83,"title":84,"slug":85},{"slug":36,"title":35,"logo":38,"categories":248},[],{"uuid":250,"title":251,"description":252,"canonical_path":29,"image":253,"width":54,"height":55,"image_alt":254,"kind":57,"patterns":255,"component_categories":265,"app":268},"d7ba5d6f-5810-40e4-af4b-42360e62dad9","Sign up email confirmed","Verification success screen where the user is informed their email has been confirmed and can proceed to view the app content.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstorytrail_sign-email-confirmed_a85090e8_nicelydone.jpg","Sign up email confirmed from Storytrail",[256,258,263],{"id":151,"label":232,"slug":233,"rank":63,"group":257},{"id":72,"label":180,"slug":181},{"id":259,"label":260,"slug":261,"rank":72,"group":262},122,"Success","success",{"id":240,"label":241,"slug":242},{"id":236,"label":237,"slug":238,"rank":106,"group":264},{"id":240,"label":241,"slug":242},[266,267],{"id":184,"title":185,"slug":186},{"id":83,"title":84,"slug":85},{"slug":36,"title":35,"logo":38,"categories":269},[],{"uuid":271,"title":272,"description":273,"canonical_path":29,"image":274,"width":54,"height":275,"image_alt":276,"kind":57,"patterns":277,"component_categories":291,"app":305},"10299bc9-79c0-4b61-a40d-b5b03fee6959","Share","Marketing landing page for a referral giveaway to Rome that has ended, showing the user's earned chances and the prize details.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstorytrail_share_1102e89c_nicelydone.jpg",3264,"Share from Storytrail",[278,284,289],{"id":279,"label":272,"slug":280,"rank":63,"group":281},24,"share",{"id":106,"label":282,"slug":283},"Actions","actions",{"id":285,"label":286,"slug":287,"rank":72,"group":288},115,"Empty State","empty-state",{"id":240,"label":241,"slug":242},{"id":60,"label":61,"slug":62,"rank":106,"group":290},{"id":65,"label":66,"slug":67},[292,296,300,304],{"id":293,"title":294,"slug":295},260,"Badge","badge",{"id":297,"title":298,"slug":299},202,"Footer","footer",{"id":301,"title":302,"slug":303},233,"Tabs","tabs",{"id":163,"title":164,"slug":165},{"slug":36,"title":35,"logo":38,"categories":306},[],{"uuid":308,"title":158,"description":309,"canonical_path":29,"image":310,"width":54,"height":143,"image_alt":311,"kind":57,"patterns":312,"component_categories":317,"app":320},"4bc9938a-e06b-464b-a3d5-4f0f396f1712","Landing page hero section featuring a specific city with options to view a trailer or explore further, hinting at a horizontal carousel of locations.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstorytrail_home_74125129_nicelydone.jpg","Home from Storytrail",[313,315],{"id":157,"label":158,"slug":159,"rank":63,"group":314},{"id":65,"label":66,"slug":67},{"id":60,"label":61,"slug":62,"rank":72,"group":316},{"id":65,"label":66,"slug":67},[318,319],{"id":163,"title":164,"slug":165},{"id":83,"title":84,"slug":85},{"slug":36,"title":35,"logo":38,"categories":321},[],{"uuid":323,"title":324,"description":325,"canonical_path":29,"image":326,"width":54,"height":327,"image_alt":328,"kind":57,"patterns":329,"component_categories":350,"app":358},"50511e73-755e-42ec-bfa9-a6faf7b5dd4e","Account settings","Settings page where the user manages their personal profile, including email, password, country, and marketing preferences.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fstorytrail_account-settings_0f963c1c_nicelydone.jpg",3318,"Account settings from Storytrail",[330,338,346],{"id":331,"label":332,"slug":333,"rank":63,"group":334},94,"Account Settings","account-settings",{"id":335,"label":336,"slug":337},10,"Settings & Admin","settings-and-admin",{"id":339,"label":340,"slug":341,"rank":72,"group":342},3,"Profile","profile",{"id":343,"label":344,"slug":345},11,"Social & Collaboration","social-and-collaboration",{"id":343,"label":347,"slug":348,"rank":106,"group":349},"Edit","edit",{"id":106,"label":282,"slug":283},[351,355,356,357],{"id":352,"title":353,"slug":354},169,"Avatar","avatar",{"id":301,"title":302,"slug":303},{"id":201,"title":202,"slug":203},{"id":83,"title":84,"slug":85},{"slug":36,"title":35,"logo":38,"categories":359},[],{"family":361,"examples":362},"pages",[],[364,366,368,371,374],{"label":365,"to":29},"Storytrail product screens",{"label":367,"to":32},"Storytrail marketing pages",{"label":369,"to":370},"Storytrail user flows","\u002Fexamples\u002Fapps\u002Fstorytrail\u002Fflows",{"label":372,"to":373},"Storytrail UI components","\u002Fexamples\u002Fapps\u002Fstorytrail\u002Fcomponents",{"label":375,"to":376},"Travel app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftravel",{"published_at":378,"updated_at":379},"2017-01-18T00:00:00.000Z","2026-09-13T13:02:39.000Z"]