Free Journal App
Last Updated on August 28, 2026 by Editorial Team
Travel journal app concept set that includes 8 screens:
- Login
- Sign Up
- Walkthrough
- Feed
- Top Stories
- Detail Story
- Navigation
- Profile
Created by Majo Corino
What stands out in this Journal iOS app Sketch file is how editorial it feels for a mobile UI kit.
The login screen uses a full-bleed photo of a man rowing a canoe at dusk, with a clean overlay of email and password fields and a single rounded login button.
That same photography-first approach carries through every screen: the walkthrough slide with the fruit stand photo, the Top Stories feed, the London Eye detail story, and the profile page all lean on large, high-contrast travel imagery rather than flat color blocks or illustration.
The typography is minimal and confident, mostly a clean sans-serif in white or near-black, which lets the photos carry the mood while the UI chrome stays quiet in the background.
Color-wise there is almost no imposed brand palette. The interface borrows its color straight from whatever photo is on screen, whether that is the teal of a lake, the pink of a fruit stand awning, or the purple-orange glow of a London sunset.
The only consistent UI colors are a soft off-white background for text-heavy screens like the story detail and comments, plus a small teal accent used for the follow button and travel tags.
This makes the kit read as warm, personal, and story-driven rather than corporate, which fits its concept as a travel journaling app.
This is a strong starting point for anyone designing a travel diary app, personal blogging platform, photo journal, or any content app where user-generated photography is the main attraction.
It works particularly well for concept pitches, portfolio case studies, or client presentations where you need to show a believable, photo-led social feed rather than a generic dashboard.
Because the screens already cover onboarding through to a detailed profile with post grid, it also doubles as a reference for structuring a simple content app: entry point, discovery feed, detail view, and identity page.
Adapting the Screens to Your Own Content
Since the layouts lean so heavily on photography, the fastest way to reuse this kit is to swap in your own imagery while keeping the crop ratios and overlay treatment intact.
Start with the login and walkthrough screens, replacing the canoe and market photos with images that match your product’s tone, then adjust the overlay opacity if your new photos are lighter or darker than the originals.
On the feed and story detail screens, keep the existing text hierarchy, headline, short excerpt, author avatar, and metadata row, and just drop in your own copy and profile photos so the proportions stay balanced.
The profile screen’s stat row and photo grid are easy to restyle too; you can recolor the follow button to match your brand while leaving the grid images full width for consistency.
If you want to extend the kit, duplicate the story detail screen to build out a comments view, or clone the profile grid to mock up a saved-posts or bookmarks screen, since the visual system is simple enough to replicate across new frames.
Pair this kit with a matching icon set for the navigation bar, a handful of royalty-free travel photos in a similar color mood, and a simple sans-serif type pairing if you plan to extend the flow beyond these eight screens.
