Skip to content

v1.1.3

Choose a tag to compare

@cthboss001 cthboss001 released this 24 Jun 08:53
f824ae3

🎨 Complete UI Redesign β€” v1.1.3

This release is a full ground-up visual redesign of every single screen in the app.
Nothing from the old UI remains. Every page, component, and interaction has been rebuilt.


🏠 Dashboard

  • Rebuilt around a centered timer orb β€” the entire page focuses on the timer with breathing ambient glows behind it
  • Quick stats below the timer are now floating glass pills β€” screen time, breaks done, compliance rate, and streak β€” each color-coded
  • Stats now show shimmer skeleton placeholders while loading, instead of a blank space

πŸ”” Break Overlay

  • Completely redesigned full-screen experience with a dual-phase countdown ring (SVG arc, glowing, animated)
  • Phase 1 (Prep): deep purple ambient glow β€” "Get ready to look away"
  • Phase 2 (Look): deep blue ambient glow β€” "Look at something far away"
  • Live breathing cue cycles through: Breathe in β†’ Hold β†’ Breathe out β†’ Relax
  • Phase progress dots at the bottom show which phase you're in
  • Ambient glows breathe and pulse in sync with the countdown
  • Smooth fade-out + zoom animation when the break ends β€” no more snap cut

πŸ“Š Analytics

  • All stats are now glass stat cards with color-coded icon backgrounds (blue, green, red, yellow, teal)
  • Weekly charts (Compliance Rate + Break History) sit inside frosted glass containers
  • Weekly summary (Total Screen Time, Breaks Taken, Avg Compliance) displayed as glass summary pills

βš™οΈ Settings

  • Timer controls replaced with a new hold-to-change stepper (press and hold οΌ‹/- to fast-scroll)
  • All setting groups are now wrapped in glass section cards with section labels
  • Toggles redesigned with a gradient glow effect when active (blue gradient with box-shadow glow)
  • Theme switcher buttons now have a gradient highlight with a subtle glow when selected
  • Save button is now a gradient button that dynamically changes color (blue β†’ green on success β†’ red on error)
  • App version shown at the bottom of the page

πŸ” Login Screen

  • Brand new full-screen dark login with animated ambient blobs in the background
  • Glass auth card with frosted backdrop blur
  • Google sign-in and Guest mode buttons fully redesigned
  • Smooth error messages with animated fade-in

πŸ—‚οΈ Navigation β€” Floating Dock

  • Old top/side nav completely replaced with a vertical floating glassmorphic dock on the left edge
  • Active page shows a left-edge accent bar + a glowing blue dot beneath the icon
  • Inactive icons fade in with a slide-in tooltip label on hover
  • User account button at the bottom with a sign-out popover

🌌 Global Design System

  • Dark base color: #070b14 across all surfaces
  • Glassmorphism throughout: backdrop-filter: blur on every card, dock, overlay, and panel
  • Ambient floating orbs in the background of the main layout β€” they slowly drift and breathe
  • All animations use custom keyframes: fade-in, slide-up, breathing, ambient-float, orb-appear
  • Typography: Inter (UI) + JetBrains Mono (timer numbers)