Habit Tracker
An ultra-minimal habit tracker with a zen-like dark interface. Soft lavender accents on near-black, extreme whitespace, and zero visual noise. Designed for people who use Things 3 and appreciate restraint. 4 screens: today view, weekly overview, habit detail with heatmap, and add habit.
4 screens
Today
Week
Detail
Add Habit
About this template
Habit Tracker is a productivity app template designed by FireVibe AI. It includes 4 screens: Today, Week, Detail, Add Habit. The design uses a dark color scheme with Inter for headings and Inter for body text. Every element β colors, typography, images, and layout β was generated by AI from a single prompt in under 3 minutes.
Tone
Zen, contemplative, and quietly disciplined β like a well-worn notebook or a morning ritual undisturbed by noise.
Target audience
Self-improvement-oriented adults aged 20-35 who favor minimalism, journaling, and intentional routines. They distrust gamification and seek calm, focused digital tools.
Design direction
Streaks lives in the space between midnight and 6am β the hours when serious people do serious work on themselves. The background is not black but a deep inkwell (#0C0C0C), warm enough to feel like paper, cold enough to feel like focus. The sole accent is a dusty violet-lavender (#A78BFA) β not electric, not playful, but the color of a candle in a dark room. It appears sparingly: on checked habits, on streak badges, on the single CTA button. Everything else is achieved through layered near-blacks: #0C0C0C for the canvas, #131318 for cards, #161620 for inputs. There are no borders anywhere β separation is implied through tonal depth alone. Typography is Inter at generous letter-spacing (0.04em on labels, 0.08em on uppercase metadata), with hierarchy built entirely through weight and opacity rather than size jumps. The heatmap is the app's single most expressive moment β a quiet grid where lavender intensity tells your story without a word. Interactions are slow and deliberate: checkboxes bloom with a 300ms ease-out fill, not a snap. The entire experience should feel like closing a journal and placing it on a clean desk.
Color palette
Typography
Headings: Inter Β· Body: Inter
Design inspiration
Things 3 by Cultured Code, Bear App, Muji brand aesthetic
Like what you see? Clone it and make it yours.
Start free