Mirror Mode – Daily Reflection Template

Lovable Templates

1 collaborator

Template Name

Mirror Mode – Daily Reflection App

Purpose

Mirror Mode is a beautifully expressive, emotion-aware journaling experience. It’s built to help users pause, reflect, and grow - one question at a time. With evolving prompts, a visual history of responses, and playful design, it becomes a ritual for self-connection, not just another journaling app.
Perfect for creatives, self-aware founders, burnt-out humans, and anyone who wants to track their inner world.

Lovable Prompt

Create a daily self-reflection app called Mirror Mode with 3 core pages.
Page 1: Today’s Prompt
Display a single question (e.g., “What felt heavy today?”)
Pull from a rotating prompt set - pick one per day
Page title: “Mirror Mode” in a wide, elegant display serif (e.g. EBGaramond, DM Serif, or something poetic)
Prompt text in playful, slightly chunky mono or soft humanist sans (e.g., Space Grotesk, Satoshi, or Cabin)
Textarea input below styled as a rounded box with light glow border
Button: “Save Reflection” → leads to Timeline
Optional animated spark or “breath” pulse behind the prompt for ambient life
Page 2: Timeline / Archive
Title: “Reflections Over Time”
Vertical scrollable timeline of entries
– Each entry includes:
Prompt
Response
Date (in cozy lowercase type)
Add a small growth tracker: e.g., 🌱🌿🌳 based on streak length
Typography here should feel poetic but clean — try Canela, Recoleta, or Cormorant headline for headers; keep responses in Inter or Manrope
Overview
Homepage
Homepage
Timeline and logs
Timeline and logs
Settings
Settings

Features

Rotating daily prompt system
Autosave reflection with timestamp
Timeline with streak-style visual growth
Theme + font pairing selector
Fully responsive mobile-first layout
No backend required (uses localStorage or Loveable state)

Design Notes

Mirror Mode is built for mood. The fonts are the design. The prompt is the center of gravity. Every visual element, from the padding to the page transitions, is there to slow you down just enough to reflect. It’s not just about journaling, it’s about becoming more familiar with yourself over time.

Troubleshooting

If rotating prompts are reused, add a tracker to only show new ones daily
Date format should match the user’s timezone (e.g., “tuesday, march 21”)
Background themes should be easy to extend, set via class or toggle
If using autosave, prevent text loss on accidental page change
Like this project

Posted May 28, 2025

A beautifully expressive, emotion-aware journaling experience. It’s built to help users pause, reflect, and grow.

DreamNest - Landing Page Template
DreamNest - Landing Page Template
This Is Me App - Personal Manual Template
WhyVault - Personal Vault Template
WhyVault - Personal Vault Template
Hypertrophy Pro- Smart Workout Logging App Template

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc