Everday iOS Journal App
Last Updated on July 9, 2026 by Editorial Team
Amazing iOS journal app with 20+ different screens included, created in Sketch by Rejo Varghese.
Everyday is built around a simple emotional hook: journaling should feel warm, not clinical. That comes through immediately in the color choices. The peach-to-coral gradient that wraps the logo, the onboarding screen, and the calendar header gives the whole kit a soft, sunset-like glow that feels personal rather than corporate.
Against that gradient, the rest of the interface stays clean and quiet. White backgrounds, thin dividers, plenty of breathing room, and dark gray type let the warm accent color do the emotional work while the actual content stays easy to scan.
Look at the calendar screen and you can see how the kit balances utility with mood. Dates are laid out in a straightforward grid, small red dots mark entries, and a single circular add button sits at the bottom in the same coral tone. It is a practical pattern any habit tracker, diary app, or planner interface could borrow directly.
The feed-style screen further to the right shows how entries are meant to live day to day: rounded profile thumbnails, short text snippets, and timestamps stacked in a simple list. It reads like a cross between a journal and a lightweight social feed, which makes it a useful reference for mood trackers, gratitude apps, or any product where users log short personal notes over time.
Because the screen set runs over twenty screens, there is enough here to map out a fairly complete user flow rather than just a splash page and a home screen.
You get onboarding and welcome states, login, calendar and list views, and what looks like an individual entry or detail screen with a large icon centered on white space. That range makes it a solid starting point for prototyping an app end to end rather than just borrowing a single visual idea.
Adapting the Kit to Your Own App
Because everything is organized as UI screens, swapping in your own content is mostly a find-and-replace job.
- Start with the gradient. It is the signature element here, so if you keep it, keep the direction and softness consistent across every screen; if you swap it for your own brand colors, test the contrast against the white text and icons that sit on top of it.
- Replace the placeholder calendar entries, feed text, and timestamps with real copy early, since the layout’s spacing was clearly tuned around short lines of text.
- Reuse the circular floating action button pattern for any primary action in your own flow, whether that is adding an entry, starting a new note, or logging a mood.
- Keep the icon style simple and single-color, matching the line-style journal icon used in the branding, so new screens you design feel native to the set.
This kit suits designers mocking up journaling apps, habit trackers, wellness or mindfulness products, and any personal-logging tool where tone matters as much as function. It also works well as a quick source of onboarding and calendar UI patterns to reference when you are starting a new mobile project from scratch and want a proven, friendly starting layout rather than a blank canvas.