halo

pro

Get the prompt, project and Figma file with monthly ($29 a month) or yearly ($249 a year). Plus tax where it applies.

A 4:5 poster for a daily wellbeing app. A dark frosted-glass card sits over a portrait; its top edge dips in a soft curve, and five round widget icons ride along it, the active one resting in the dip as a solid white circle. Click an icon, drag the ring sideways or use the arrow keys: the icons glide along the curve on a spring and the content slides across with a soft blur. Check-in has mood chips you can remove and add, an energy slider that snaps to Low, Steady, High or Peak, and slide-to-log; Sleep draws its stage graph in; Heart morphs its line between Week and Month and moves the marker to the day you pick; Water raises a live wave by 250 or 500 ml; Breathe runs a glass orb through inhale 4, hold 4, exhale 6. The poster scales to fit any window and zooms in on phones.

what you get

prompt
Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
project
The Vite + React source code as a .zip, ready to run.
figma file
The editable design as a .fig file to import into Figma.

what's inside

  • widgets
  • carousel
  • chart
  • toggles
  • keyboard navigation

stack

  • react
  • vite
  • typescript
  • svg

fonts

Geist, Geist Mono

Free fonts, linked in the prompt.

colors

  • #2A0F18
  • #160A10
  • #E2FF5A
  • #FF6E9C
  • #FFC2D6
  • #FFFFFF

license

With monthly or yearly: personal and commercial work, client projects included. Don't resell or share the template, prompt or files.

read the license