静心 Jingxin

A minimal guided-meditation app—breathing, mindfulness, guidance, and relaxation in four modes, letting a person settle down.

Design Philosophy

The more restrained the interface, the more complete the focus

Four Modes

Breathing / Mindful / Guided / Relaxation

The Mechanism of Persistence

History, streaks, cumulative time

Engineering

Flutter + Provider—accurate timing, clean state

Design Language

Deep-space black + quiet blue, focused without interruption

Roadmap

Ambient sound, haptics, data charts

Less Is More

The first step of meditation is letting go of chatter; the first step of a product is letting go of distraction.

Jingxin is a guided-meditation app. It doesn't stack features; it returns to meditation itself: one breathing ring on the screen, only the guidance that should appear in your ears.

  • Restraint: only four core modes—no irrelevant social, ads, or reminders.
  • Focus: while meditating, the interface recedes to a minimum, leaving the breathing ring as the only point of focus.
  • No distraction: dark theme and low-saturation colors reduce visual noise.

Four Ways to Meditate

Each one maps to a specific practice goal.

  • Breathing meditation: the 4-7-8 technique—inhale 4 seconds, hold 7, exhale 8. The rhythm slows the nervous system.
  • Mindfulness meditation: a body scan—from toes to head, sensing each part in turn, bringing attention back to the present.
  • Guided meditation: a 10-step guide, following the prompts through a complete practice.
  • Relaxation meditation: a visualization—ocean-wave animation plus scene description, letting a tense body relax.

Make Persistence Visible

Meditation isn't a one-off relaxation; it's a habit, day after day.

Jingxin won't push you to practice, but it records every session, turning persistence itself into feedback.

  • Meditation log: every session records start time, duration, mode, and completion state.
  • Cumulative time: total minutes practiced, making effort a visible, quantified accumulation.
  • Streaks: a streak record, using continuity to counter the "miss one day and give up" mental trap.

Timing Has to Be Accurate

The only engineering challenge in a meditation app: time must never lie.

Built with Flutter, lean state, clean architecture, with extra care for the part that goes wrong most often—background timing.

  • Lifecycle handling: records the time when the app pauses and subtracts background time on resume, keeping meditation timing accurate.
  • Provider state management: duration, mode, and history managed together, with UI separated from data.
  • Persistence: records stored as JSON via shared_preferences, surviving restarts.
  • Responsive layout: uses LayoutBuilder to fit different screens; the breathing ring scales with width, and touch targets stay at least 44px.
Flutter Provider shared_preferences Lifecycle Responsive

Deep-Space Black, Quiet Blue

The palette itself is part of falling asleep.

  • Primary background: #0D1117 deep-space black—low brightness, gentle on the eyes.
  • Secondary background: #161B22 deep gray—clear hierarchy without glare.
  • Accent: #58A6FF quiet blue—the motion of the breathing ring, calm and guiding.
  • Visual system: colors, spacing, and sizes unified as constants to keep the whole app consistent.

A Long Road Ahead

The end of v1 is the start of the next version.

  • Ambient sound: rain, waves, forest—more atmosphere for the relaxation mode.
  • Haptic feedback: a subtle vibration on breathing transitions, instead of visual interruption.
  • Data charts: visualize meditation stats, making progress clearer.
  • Custom rhythm: let users adjust the exact breathing durations.
  • Multilingual: beyond Chinese, so more people can use it.