A family journal is one of the most personal artifacts you can create. It captures the fleeting moments, the messy afternoons, and the quiet milestones of childhood. Because every family is unique, we realized that forcing a single visual style onto everyone's memories felt contrary to the spirit of 18 Summers.
That's why we're introducing Themes—a way to customize the entire look and feel of your 936-week timeline to better reflect your family's personality.
Designing for Emotion, Not Just Utility
When we initially launched 18 Summers, we focused heavily on the mechanics: the 936-week grid, the offline-first privacy model, and the frictionless capture interface. The default aesthetic was warm and inviting, but we knew users would eventually want to make the space their own.
"The container should honor the contents. A memory from a chaotic toddler Tuesday feels different than a quiet Sunday morning, and the app's aesthetic should have the range to hold both."
We approached themes not just as a palette swap, but as a holistic shift in the app's mood.
The Initial Collection
We're launching with three distinct themes, each designed to evoke a specific emotional resonance:
- Dawn: The classic 18 Summers look. Warm amber tones, soft contrast, and a bright, optimistic feel. It's the visual equivalent of morning sunlight on a kitchen table.
- Archive: Inspired by traditional photo albums and museum curation. This theme uses deep stone grays, stark contrasts, and a minimalist, documentary-style approach. It lets the photos and text stand entirely on their own.
- Growth: Rooted in nature, featuring rich emeralds and soft sage greens. It feels organic, calm, and grounded—perfect for families who spend their weekends outdoors.
Under the Hood
Implementing themes required a complete overhaul of our design token system. We couldn't just change a few hex codes; we had to ensure that the 936-week marble grid, the typography hierarchy, and the UI affordances remained perfectly accessible and legible across completely different color spaces.
When you switch to the "Archive" theme, for example, the marbles in the grid don't just turn gray—their opacity, glow effects, and pulse animations all shift to match the more subdued, editorial aesthetic.
Your story is uniquely yours. Now, the space where you keep it can be, too.